:root{--md-primary: #006874;--md-on-primary: #ffffff;--md-primary-container: #9eeffd;--md-on-primary-container: #001f24;--md-secondary: #4a6267;--md-on-secondary: #ffffff;--md-secondary-container: #cde7ec;--md-on-secondary-container: #051f23;--md-tertiary: #345b3a;--md-on-tertiary: #ffffff;--md-tertiary-container: #b6f1b6;--md-on-tertiary-container: #002107;--md-error: #ba1a1a;--md-on-error: #ffffff;--md-error-container: #ffdad6;--md-on-error-container: #410002;--md-surface: #f5fafb;--md-surface-dim: #d5dbdc;--md-surface-bright: #f5fafb;--md-surface-container-lowest: #ffffff;--md-surface-container-low: #eff5f6;--md-surface-container: #e9eff0;--md-surface-container-high: #e3eaea;--md-surface-container-highest: #dee4e5;--md-on-surface: #171d1e;--md-on-surface-variant: #3f484a;--md-outline: #6f797a;--md-outline-variant: #bfc8ca;--surface-positive: #e6f4ea;--surface-positive-strong: #b6f1b6;--on-surface-positive: #0a3d14;--surface-negative: #fce8e6;--surface-negative-strong: #ffdad6;--on-surface-negative: #5a1f1c;--accent-old: #4a6267;--accent-old-container: #cde7ec;--accent-new: #006874;--accent-new-container: #9eeffd;--shape-xs: 4px;--shape-sm: 8px;--shape-md: 12px;--shape-lg: 16px;--shape-xl: 28px;--shape-full: 999px;--elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px 1px rgba(0,0,0,.04);--elev-2: 0 1px 2px rgba(0,0,0,.08), 0 2px 6px 2px rgba(0,0,0,.06);--elev-3: 0 4px 8px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.08);--motion-emph: cubic-bezier(.2, 0, 0, 1);--motion-standard: cubic-bezier(.2, 0, 0, 1);--motion-short: .2s;--motion-med: .3s;--motion-long: .4s}*{box-sizing:border-box}body{margin:0;font-family:Roboto Flex,Roboto,Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-feature-settings:"tnum" 1,"lnum" 1;-webkit-font-smoothing:antialiased;color:var(--md-on-surface)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.t-display-l{font-size:57px;line-height:64px;font-weight:400;letter-spacing:-.25px}.t-display-m{font-size:45px;line-height:52px;font-weight:400}.t-display-s{font-size:36px;line-height:44px;font-weight:400}.t-headline-l{font-size:32px;line-height:40px;font-weight:400}.t-headline-m{font-size:28px;line-height:36px;font-weight:500}.t-headline-s{font-size:24px;line-height:32px;font-weight:500}.t-title-l{font-size:22px;line-height:28px;font-weight:500}.t-title-m{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px}.t-title-s{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.t-body-l{font-size:16px;line-height:24px;font-weight:400;letter-spacing:.5px}.t-body-m{font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px}.t-body-s{font-size:12px;line-height:16px;font-weight:400;letter-spacing:.4px}.t-label-l{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.t-label-m{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}.t-label-s{font-size:11px;line-height:16px;font-weight:500;letter-spacing:.5px}html,body,#root{min-height:100%}body{background:var(--md-surface);transition:background var(--motion-long) var(--motion-emph)}body.bg-positive{background:var(--surface-positive)}body.bg-negative{background:var(--surface-negative)}.app-shell{max-width:1120px;margin:0 auto;padding:24px 20px 48px}@media(min-width:768px){.app-shell{padding:40px 32px 64px}}.form-wrap{max-width:640px;margin:0 auto;transition:max-width .32s cubic-bezier(.2,0,0,1)}.form-wrap.is-wide{max-width:100%}.m3-card{background:var(--md-surface-container-low);border-radius:var(--shape-md);box-shadow:var(--elev-1)}.m3-card-elevated{background:var(--md-surface-container-lowest);border-radius:var(--shape-md);box-shadow:var(--elev-2)}.m3-card-outlined{background:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md)}.m3-field{position:relative;border:1px solid var(--md-outline);border-radius:var(--shape-xs);padding:14px 16px 8px;background:transparent;transition:border-color var(--motion-short) var(--motion-standard)}.m3-field.focused{border:2px solid var(--md-primary);padding:13px 15px 7px}.m3-field.readonly{border-style:dashed;background:var(--md-surface-container-low);color:var(--md-on-surface-variant)}.m3-field.invalid{border:2px solid var(--md-error);padding:13px 15px 7px}.m3-field.invalid .label{color:var(--md-error)}.m3-field .label{position:absolute;top:-8px;left:12px;padding:0 4px;background:var(--md-surface);color:var(--md-on-surface-variant);font-size:12px;line-height:16px;font-weight:500}.m3-field.focused .label{color:var(--md-primary)}.m3-field .input{width:100%;border:none;outline:none;background:transparent;font:inherit;font-size:24px;font-weight:500;color:var(--md-on-surface);font-variant-numeric:tabular-nums;padding:0}.m3-field .helper{position:absolute;bottom:-20px;left:16px;color:var(--md-on-surface-variant);font-size:12px}.m3-field .suffix{font-size:24px;color:var(--md-on-surface-variant);font-weight:500}.m3-field .auto-badge{display:inline-flex;align-items:center;gap:4px;background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-radius:var(--shape-full);padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-left:8px}.m3-stepper{display:inline-flex;align-items:center;border:1px solid var(--md-outline-variant);border-radius:var(--shape-full);padding:4px;background:var(--md-surface-container-lowest)}.m3-stepper button{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--md-on-surface-variant);font-size:18px;cursor:pointer}.m3-stepper button:hover{background:var(--md-surface-container-high)}.m3-stepper .val{min-width:36px;text-align:center;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}.m3-btn-filled{background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--shape-full);padding:14px 24px;font-size:14px;font-weight:500;letter-spacing:.1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow var(--motion-short)}.m3-btn-filled:hover{box-shadow:var(--elev-1)}.m3-btn-text{background:transparent;color:var(--md-primary);border:none;padding:10px 12px;font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--shape-full)}.summary-chip-lg{display:block;width:100%;text-align:left;font:inherit;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);padding:18px 20px;cursor:pointer;box-shadow:var(--elev-1);transition:background var(--motion-short) var(--motion-standard),box-shadow var(--motion-short) var(--motion-standard)}.summary-chip-lg:hover{background:var(--md-surface-container);box-shadow:var(--elev-2)}.summary-chip-lg:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.summary-chip-lg__top{display:flex;align-items:center;justify-content:space-between;gap:16px}.summary-chip-lg__eyebrow{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--md-on-surface-variant);margin-bottom:2px}.summary-chip-lg__big{font-size:26px;font-weight:600;line-height:1.1;color:var(--md-on-surface);letter-spacing:-.3px}.summary-chip-lg__edit{display:inline-flex;align-items:center;gap:4px;background:var(--md-primary-container);color:var(--md-on-primary-container);padding:8px 16px;border-radius:var(--shape-full);font-weight:600;font-size:13px;flex-shrink:0}.summary-chip-lg__row{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:14px;color:var(--md-on-surface-variant)}.summary-chip-lg__row .dot-sep{color:var(--md-outline)}.summary-chip-lg__hint{margin-top:8px;font-size:12px;color:var(--md-on-surface-variant);opacity:.75}.morph-wrap{position:relative;overflow:hidden;padding-bottom:4px;will-change:height}.morph-slot{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1)}.morph-slot.is-active{position:relative;opacity:1;transform:none;pointer-events:auto;transition-delay:40ms}.delta-banner{border-radius:var(--shape-lg);padding:20px 24px;display:flex;flex-direction:column;gap:4px;border:1px solid}.delta-banner.positive{background:var(--surface-positive-strong);border-color:#0000000a;color:var(--on-surface-positive)}.delta-banner.negative{background:var(--surface-negative-strong);border-color:#0000000a;color:var(--on-surface-negative)}.col-header-old{background:var(--accent-old-container);color:var(--md-on-secondary-container);border-radius:var(--shape-md) var(--shape-md) 0 0;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.04)}.col-header-new{background:var(--accent-new-container);color:var(--md-on-primary-container);border-radius:var(--shape-md) var(--shape-md) 0 0;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.04);position:relative}.col-header-new:after{content:"MỚI";position:absolute;top:14px;right:16px;background:var(--md-primary);color:var(--md-on-primary);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:var(--shape-full)}.lang-en .col-header-new:after{content:"NEW"}.bracket-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;padding:8px 0;font-size:13px;font-variant-numeric:tabular-nums;border-top:1px solid var(--md-outline-variant)}.bracket-row.head{border-top:none;color:var(--md-on-surface-variant);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.bracket-row.total{border-top:1px solid var(--md-on-surface);font-weight:600;padding-top:10px}.bracket-row .right{text-align:right}.bracket-row .pill{display:inline-block;background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border-radius:var(--shape-full);padding:1px 8px;font-size:11px;font-weight:500}.dedu-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px}.dedu-row .lbl{color:var(--md-on-surface-variant)}.dedu-row .val{font-variant-numeric:tabular-nums;font-weight:500}.dedu-row.total{border-top:1px solid var(--md-outline-variant);margin-top:6px;padding-top:10px;font-weight:600}.expand-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:transparent;border:none;border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.chevron{display:block;flex-shrink:0;transform-origin:50% 50%;transition:transform .2s var(--motion-standard)}.chevron.is-open{transform:rotate(180deg)}.adv-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;padding:12px 14px;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-sm);color:var(--md-on-surface-variant);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--motion-short) var(--motion-standard)}.adv-toggle:hover{background:var(--md-surface-container)}.adv-toggle--sm{margin-top:0;padding:8px 12px;font-size:13px;border-radius:var(--shape-xs);background:transparent;color:var(--md-primary)}.adv-toggle--sm:hover{background:var(--md-surface-container-low)}.lang-switch{display:inline-flex;background:var(--md-surface-container);border-radius:var(--shape-full);padding:3px;font-size:11px;font-weight:600;flex-shrink:0}.lang-switch button{padding:4px 10px;border:none;background:transparent;border-radius:var(--shape-full);color:var(--md-on-surface-variant);font:inherit;font-weight:600;cursor:pointer;transition:background var(--motion-short) var(--motion-standard),color var(--motion-short) var(--motion-standard),box-shadow var(--motion-short) var(--motion-standard)}.lang-switch button.active{background:var(--md-surface-container-lowest);color:var(--md-on-surface);box-shadow:var(--elev-1)}.lang-switch button:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.results-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.results-grid{grid-template-columns:1fr 1fr;gap:20px}}.with-ripple{position:relative;overflow:hidden;isolation:isolate}.with-ripple>.ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;transform:scale(0);opacity:0;z-index:0;animation:ripple-effect .54s cubic-bezier(.2,0,0,1)}.m3-btn-filled>.ripple{background:#fff}@keyframes ripple-effect{0%{transform:scale(0);opacity:.28}60%{opacity:.18}to{transform:scale(1);opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-fade-up{animation:fade-up var(--motion-short) var(--motion-standard) both}.anim-fade-in{animation:fade-in var(--motion-med) var(--motion-standard) both}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.m3-field input.input,.m3-field input.input:focus{-webkit-appearance:none;appearance:none}.m3-field input.input::-webkit-outer-spin-button,.m3-field input.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.m3-field input.input{-moz-appearance:textfield}.summary-chip:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}
