:root{--brand-teal-700: #003F5C;--brand-teal-600: #005D7F;--brand-teal-500: #1E8AB5;--brand-teal-100: #E6F2F7;--brand-gold-600: #B07F00;--brand-gold-500: #D99D0C;--brand-gold-400: #E8B53E;--navy-950: #050913;--navy-900: #0A0C12;--navy-800: #14181F;--navy-700: #1F252E;--navy-600: #2D343F;--navy-500: #5B6270;--navy-400: #9CA3AF;--navy-300: #D1D5DB;--amber-600: #B07F00;--amber-500: #D99D0C;--amber-400: #E8B53E;--amber-100: #FBF0CF;--green-600: #117B45;--green-500: #1B9E5A;--green-100: #E2F4EA;--red-600: #B0322D;--red-500: #D6453F;--red-100: #FBE5E3;--orange-500:#D97706;--orange-100:#FBEFD7;--bg: #F7F8FA;--surface: #FFFFFF;--surface-2: #F2F4F7;--surface-3: #E8EBF0;--hairline: #E5E7EC;--hairline-strong: #D6D9DF;--border: var(--hairline);--border-strong:var(--hairline-strong);--ink-900: #0B0E14;--ink-700: #2F343E;--ink-500: #6B7180;--ink-400: #9CA3AF;--ink-300: #C7CAD1;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--shadow-1: 0 1px 2px rgba(11, 14, 20, .04);--shadow-2: 0 8px 24px -8px rgba(11, 14, 20, .12), 0 2px 6px -1px rgba(11, 14, 20, .05);--shadow-pop: 0 16px 40px -12px rgba(11, 14, 20, .18), 0 2px 6px -1px rgba(11, 14, 20, .06);--font-ui: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sidebar-w: 220px;--sidebar-w-collapsed: 90px;--header-h: 56px;--filter-h: 52px;--vna-sidebar-bg: #006D88;--vna-sidebar-bg-dark: #00465B;--vna-sidebar-gold: #D4AF37;--vna-sidebar-hover: rgba(255, 255, 255, .08);--vna-sidebar-active: rgba(212, 175, 55, .16)}html[data-sidebar=collapsed]{--sidebar-w: var(--sidebar-w-collapsed)}[data-theme=dark]{--bg: #0B0D11;--surface: #15181D;--surface-2: #1B1E24;--surface-3: #21252C;--hairline: #262A31;--hairline-strong: #353A43;--border: var(--hairline);--border-strong:var(--hairline-strong);--ink-900: #F4F5F7;--ink-700: #C2C7D0;--ink-500: #8A8F98;--ink-400: #62666D;--ink-300: #43464B;--shadow-1: 0 1px 2px rgba(0, 0, 0, .2);--shadow-2: 0 12px 32px -10px rgba(0, 0, 0, .55), 0 2px 6px -1px rgba(0, 0, 0, .4);--shadow-pop: 0 20px 48px -16px rgba(0, 0, 0, .7), 0 4px 10px -2px rgba(0, 0, 0, .5)}[data-theme=dark] .kpi--highlight{background:linear-gradient(180deg,rgba(245,184,0,.1),var(--surface));border-color:var(--brand-gold-500)}[data-theme=dark] .insight--alert{background:linear-gradient(180deg,rgba(239,68,68,.08),var(--surface));border-color:#5b1f1f}[data-theme=dark] .insight--good{background:linear-gradient(180deg,rgba(16,185,129,.08),var(--surface));border-color:#205142}[data-theme=dark] .insight--action{background:linear-gradient(180deg,rgba(245,184,0,.1),var(--surface));border-color:var(--brand-gold-500)}[data-theme=dark] .kpi-t tr.tr-zebra{background:#ffffff06}[data-theme=dark] .kpi-t tbody tr:hover td{background:#ffffff0a!important}[data-theme=dark] .kpi-t th:hover{background:#ffffff0d}[data-theme=dark] .kpi-t__code,[data-theme=dark] .kpi-v2-owner{background:#ffffff0f;color:var(--ink-900)}[data-theme=dark] .kpi-v2-actual--pending{color:var(--ink-500)}[data-theme=dark] .meta-pill--neutral,[data-theme=dark] .pill--neutral{background:#ffffff0d;color:var(--ink-500);border-color:var(--border)}[data-theme=dark] .filter-bar{background:var(--surface)}[data-theme=dark] body{background:var(--bg);color:var(--ink-900)}[data-theme=dark] .sidebar,[data-theme=dark] .header{background:var(--vna-sidebar-bg-dark)}[data-theme=dark] .chart-wrap{color-scheme:dark}[data-theme=dark] .drill__head{border-color:var(--border)}[data-theme=dark] .insight__list{color:var(--ink-700)}[data-theme=dark] .filter-bar__meta .text-mono{color:var(--ink-900)!important}[data-theme=dark] .card__chip--warn,[data-theme=dark] .pill--warn,[data-theme=dark] .kpi-v2-status--warning{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .card__chip--ok{background:#10b98129;color:#6ee7b7}[data-theme=dark] .card__chip--bad{background:#ef444429;color:#fca5a5}[data-theme=dark] .pill--ok{background:#10b98129;color:#6ee7b7}[data-theme=dark] .pill--bad{background:#ef444429;color:#fca5a5}[data-theme=dark] .meta-pill--green{background:#10b98129;color:#6ee7b7}[data-theme=dark] .meta-pill--red{background:#ef444429;color:#fca5a5}[data-theme=dark] .meta-pill--amber{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .kpi-v2-status--success{background:#10b98129;color:#6ee7b7}[data-theme=dark] .kpi-v2-status--danger{background:#ef444429;color:#fca5a5}[data-theme=dark] .kpi-v2-actual--success{color:#6ee7b7}[data-theme=dark] .kpi-v2-actual--danger{color:#fca5a5}[data-theme=dark] .kpi-v2-actual--warning{color:#fcd34d}[data-theme=dark] .kpi-v2-stat-value,[data-theme=dark] .kpi__value,[data-theme=dark] .card__title,[data-theme=dark] .kpi-table-head__title,[data-theme=dark] .kpi-v2-section-name,[data-theme=dark] .kpi-v2-chart-title,[data-theme=dark] .kpi-t__val,[data-theme=dark] .kpi-cell__val,[data-theme=dark] .statline__val,[data-theme=dark] .drill__title,[data-theme=dark] .insight__title,[data-theme=dark] .kpi-v2-name-vn,[data-theme=dark] .kpi-v2-pill:hover,[data-theme=dark] .kpi-v2-stat--total .kpi-v2-stat-value{color:var(--ink-900)}[data-theme=dark] .kpi-t th.th-sort:hover{background:#ffffff0f;color:var(--ink-900)}[data-theme=dark] .legend__item{color:var(--ink-700)}.kpi-v2-stat-value{font-size:30px}.kpi-v2-actual{font-size:14.5px}.kpi-t__val{font-size:14px}.kpi-cell__val{font-size:19px}.kpi-v2-stat-label,.kpi-v2-stat-desc{font-size:12px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-ui);background:var(--bg);color:var(--ink-900);font-size:14px;line-height:1.5;letter-spacing:-.05px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03";min-width:0}button{font-family:inherit}h1,.h1,.display-xl{font:600 40px/1.1 var(--font-ui);letter-spacing:-1px;color:var(--ink-900);margin:0}h2,.h2,.display-lg{font:600 28px/1.2 var(--font-ui);letter-spacing:-.6px;color:var(--ink-900);margin:0}h3,.h3{font:600 20px/1.3 var(--font-ui);letter-spacing:-.3px;color:var(--ink-900);margin:0}h4,.h4{font:600 16px/1.35 var(--font-ui);letter-spacing:-.2px;color:var(--ink-900);margin:0}.eyebrow{font:600 11px/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}@media print{.sidebar,.header__action,.filter-bar{display:none!important}.app{grid-template-columns:1fr;grid-template-areas:"header" "main"}.main{padding:12px}.card{break-inside:avoid;box-shadow:none}}.text-mono{font-family:var(--font-mono)}.text-ink-500,.text-muted{color:var(--ink-500)}.text-sm{font-size:11.5px}.text-strong{font-weight:700}.kpi-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:14px;overflow:hidden}.kpi-table-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--border)}.kpi-table-head__title{font:600 12px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em}.kpi-table-head__count{background:var(--navy-900);color:#fff;padding:3px 10px;border-radius:12px;font-family:var(--font-mono);font-size:11.5px;font-weight:700}.kpi-table-head__meta{font-size:12px;color:var(--ink-500);font-weight:500}table.kpi-t{width:100%;border-collapse:collapse;font-size:13px}.kpi-t th,.kpi-t td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;vertical-align:middle;line-height:1.45}.kpi-t th{background:var(--surface-2);color:var(--ink-500);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;z-index:1;-webkit-user-select:none;user-select:none;padding-top:12px;padding-bottom:12px}.kpi-t th.th-sort{cursor:pointer}.kpi-t th.th-sort:hover{background:#eef1f7;color:var(--navy-900)}.kpi-t th.num-h{text-align:right}.kpi-t td.num{font-family:var(--font-mono);text-align:right;font-weight:600}.kpi-t tr:last-child td{border-bottom:0}.kpi-t tr.tr-zebra{background:#fbfcfd}.kpi-t tbody tr:hover td{background:#f1f5fb!important}.kpi-t__code{display:inline-block;font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--ink-700);background:var(--surface-2);border:1px solid var(--hairline);padding:2px 7px;border-radius:var(--r-xs);letter-spacing:.02em}.kpi-t__name{white-space:normal;font-size:13px;color:var(--ink-900);font-weight:500;line-height:1.45;min-width:220px;max-width:460px}.kpi-t__val{color:var(--ink-900);font-size:13.5px;font-variant-numeric:tabular-nums}.kpi-t__bar{width:36px;height:5px;background:var(--border);border-radius:3px;overflow:hidden;flex-shrink:0}.kpi-t__bar-fill{height:100%;transition:width .3s}.up{color:var(--green-600)}.down{color:var(--red-600)}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}:root{--shadow-1: 0 1px 2px rgba(15,23,42,.05), 0 1px 3px rgba(15,23,42,.07);--shadow-2: 0 2px 4px rgba(15,23,42,.05), 0 8px 20px rgba(15,23,42,.09);--shadow-3: 0 4px 8px rgba(15,23,42,.06), 0 16px 40px rgba(15,23,42,.12);--ring: 0 0 0 3px rgba(0,109,136,.3);--ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.35);--shadow-2: 0 2px 6px rgba(0,0,0,.35), 0 10px 28px rgba(0,0,0,.45);--shadow-3: 0 6px 18px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.55);--ring: 0 0 0 3px rgba(30,138,181,.4)}.kpi__value,.kpi-v2-stat-value,.kpi-v2-actual,.kpi-v2-plan,.kpi-v2-prog-info,.kpi-t__val,.kpi-cell__val,.statline__val,.kpi-v2-stt,.kpi-v2-freq,.kpi-v2-table td,.filter-bar__meta,.bc-head__chip,[class*=-mono],.text-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv01" 1}.kpi-v2-section-name,.bc-head__title,.header__title{letter-spacing:-.015em}*:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.sidebar__item:focus-visible,.kpi-v2-pill:focus-visible,.bc-metric-pill:focus-visible,.filter__panel-item:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}.sidebar *:focus-visible,.header__action:focus-visible,.header__bell:focus-visible{box-shadow:0 0 0 2px var(--vna-sidebar-gold)}::selection{background:#006d8833;color:var(--ink-900)}[data-theme=dark] ::selection{background:#1e8ab552;color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb{background:#ffffff38;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff57;background-clip:padding-box}.card,.kpi,.kpi-v2-chart-card,.kpi-v2-stat{transition:box-shadow .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}.kpi-v2-table-wrap{transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover,.kpi:hover,.kpi-v2-chart-card:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong);transform:translateY(-1px)}.kpi-v2-table-wrap:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.header__action,.meta-pill,.kpi-v2-freq,.filter__menu-item,.header__alerts-action,.bc-metric-pill{transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}.header__action:active,.bc-metric-pill:active,.kpi-v2-pill:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.app__header{grid-area:header}.app__sidebar{grid-area:sidebar}.app__main{grid-area:main;min-width:0}.header{height:var(--header-h);background:var(--vna-sidebar-bg);color:#fff;display:flex;align-items:center;padding:0 24px;gap:16px;border-bottom:1px solid rgba(0,0,0,.2);position:sticky;top:0;z-index:30}.header__brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em;min-width:0;flex:1 1 auto;max-width:min(52%,640px)}.header__logo{height:32px;width:auto;display:block;background:#fff;padding:4px 12px;border-radius:8px;box-shadow:0 1px 2px #0000002e}[data-theme=dark] .header__logo{background:#fffffff5}.header__title{font-size:13.5px;font-weight:700;line-height:1.25;letter-spacing:.01em}.header__sub{font-size:12px;color:var(--navy-300);font-weight:500;margin-left:8px}.header__crumbs{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0;row-gap:2px}.header__crumb-sep{color:#ffffff73;font-weight:400;font-size:12px;line-height:1}.header__crumb{font-size:12px;font-weight:600;color:#ffffffc7;letter-spacing:0;line-height:1.25}.header__crumb--leaf{color:#fff;font-size:12.5px;font-weight:700}@media (max-width: 900px){.header__crumbs{gap:4px}.header__crumb{font-size:12.5px}.header__crumb:not(.header__crumb--leaf),.header__crumbs .header__crumb-sep:first-of-type{display:none}}.header__spacer{flex:1}.header__action{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);padding:7px 12px;border-radius:6px;font-size:13px;cursor:pointer;font-weight:600}.header__action:hover{background:#ffffff14;border-color:#ffffff52}.header__action--icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.header__action--icon:hover{color:var(--brand-gold-400);border-color:var(--brand-gold-400)}.header__action--primary{background:var(--amber-500);color:var(--navy-900);border-color:var(--amber-500)}.header__action--primary:hover{background:var(--amber-400);border-color:var(--amber-400)}.header__bell-wrap{position:relative;display:inline-block}.header__bell{position:relative}.header__bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--red-500, #ef4444);color:#fff;border-radius:999px;font:700 9.5px var(--font-ui);display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--vna-sidebar-bg, #006D88);line-height:1;animation:bell-pulse 2.4s infinite}@keyframes bell-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.header__alerts{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:70vh;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);z-index:80;display:flex;flex-direction:column;color:var(--ink-900)}.header__alerts-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);font:600 13px var(--font-ui);background:var(--surface-2)}.header__alerts-meta{font:500 11px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em}.header__alerts-action{border:0;background:transparent;color:var(--brand-teal-600, #006D88);font:600 11px var(--font-ui);padding:3px 8px;border-radius:5px;cursor:pointer}.header__alerts-action:hover{background:#006d881a}.header__alerts-action--danger{color:var(--red-600, #b91c1c)}.header__alerts-action--danger:hover{background:#ef44441a}.header__alerts-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.header__alerts-empty{padding:24px 16px;text-align:center;font:500 12.5px var(--font-ui);color:var(--ink-500)}.header__alerts-item{text-align:left;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:transparent;border:0;border-bottom:1px solid var(--border);cursor:pointer;width:100%;transition:background .12s}.header__alerts-item:hover{background:var(--surface-2)}.header__alerts-item:last-child{border-bottom:0}.header__alerts-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--red-500)}.header__alerts-item--warning .header__alerts-dot{background:var(--orange-500)}.header__alerts-item--info .header__alerts-dot{background:var(--brand-teal-500, #1E8AB5)}.header__alerts-item--read .header__alerts-dot{background:var(--ink-300)}.header__alerts-text{flex:1;min-width:0}.header__alerts-title{font:600 13px var(--font-ui);color:var(--ink-900);line-height:1.35}.header__alerts-item--read .header__alerts-title{color:var(--ink-500);font-weight:500}.header__alerts-detail{font:500 11.5px var(--font-ui);color:var(--ink-500);margin-top:2px}.header__alerts-source{font:500 10.5px var(--font-mono);color:var(--ink-400);margin-top:4px}[data-theme=dark] .header__alerts{background:var(--surface)}[data-theme=dark] .header__alerts-head{background:var(--surface-2)}[data-theme=dark] .header__bell-badge{border-color:var(--vna-sidebar-bg-dark, #004F65)}.header__user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--navy-300)}.header__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--amber-500),var(--amber-600));color:var(--navy-900);display:grid;place-items:center;font-weight:800}.sidebar{background:var(--vna-sidebar-bg);color:#fff;border-right:1px solid rgba(0,0,0,.15);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 0 88px;z-index:20;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar__brand{position:relative;padding:24px 18px 14px;display:flex;align-items:center;justify-content:center;min-height:64px;transition:padding .3s ease}.sidebar__brand-logo{height:36px;width:auto;background:#fff;padding:6px 14px;border-radius:9px;box-shadow:0 2px 8px #00000038;transition:opacity .25s ease,transform .3s ease;max-width:100%}.sidebar--collapsed .sidebar__brand{padding:24px 0 14px}.sidebar__brand-mark{display:block;width:54px;height:54px;object-fit:contain;padding:6px;background:#fff;border-radius:12px;border:1.5px solid var(--vna-sidebar-gold);box-shadow:0 4px 12px #00000040,0 0 0 3px #d4af372e;transition:transform .3s ease,opacity .25s ease}.sidebar__toggle{position:absolute;top:64px;right:-14px;width:28px;height:28px;border-radius:14px;background:#fff3;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:background .2s ease,transform .15s ease;box-shadow:0 2px 8px #00000040}.sidebar__toggle:hover{background:var(--vna-sidebar-gold);border-color:var(--vna-sidebar-gold);transform:scale(1.08)}.sidebar__divider{height:1px;margin:0 18px;background:linear-gradient(90deg,transparent 0%,var(--vna-sidebar-gold) 25%,var(--vna-sidebar-gold) 75%,transparent 100%);opacity:.7}.sidebar--collapsed .sidebar__divider{margin:0 14px}.sidebar__heading{padding:14px 18px 4px}.sidebar__heading-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--vna-sidebar-gold);text-transform:uppercase}.sidebar__nav{flex:1;min-height:0;padding:4px 0 12px}.sidebar__nav-group+.sidebar__nav-group{margin-top:6px}.sidebar__role{margin:0 12px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-400);padding:12px 12px 6px}.sidebar__role:first-child{padding-top:4px}.sidebar__item{display:flex;align-items:center;gap:10px;margin:1px 12px;padding:8px 12px;border-radius:6px;font-size:13px;color:#d8dde8;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.sidebar__item{display:flex;align-items:center;gap:12px;margin:1px 12px;padding:9px 12px;border-radius:8px;font-size:13px;color:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;position:relative;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.sidebar__item:hover{background:var(--vna-sidebar-hover);color:#fff}.sidebar__item--active{background:var(--vna-sidebar-active);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--vna-sidebar-gold)}.sidebar__item-icon{width:26px;text-align:center;flex-shrink:0;opacity:.92;font-size:19px;transition:color .2s ease,transform .2s ease}.sidebar__item--active .sidebar__item-icon{opacity:1;color:var(--vna-sidebar-gold);transform:scale(1.1)}.sidebar__item-text{flex:1;min-width:0;transition:opacity .2s ease}.sidebar__item-label{line-height:1.3}.sidebar__item-sub{font-size:10.5px;color:#ffffff8c;font-weight:500;margin-top:1px;line-height:1.25}.sidebar__group{font-size:11px;font-weight:700;padding:12px 18px 4px;color:#ffffff8c;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em}.sidebar__group:after{content:"";flex:1;height:1px;background:#ffffff1a}.sidebar__section{display:flex;align-items:center;gap:10px;margin:3px 12px 1px;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;transition:background .2s ease,color .2s ease}.sidebar__section:hover{background:var(--vna-sidebar-hover);color:#fff}.sidebar__section--has-active{box-shadow:inset 2px 0 0 var(--vna-sidebar-gold)}.sidebar__section-label{flex:1;min-width:0}.sidebar__section-dot{width:6px;height:6px;border-radius:50%;background:var(--vna-sidebar-gold);flex-shrink:0}.sidebar__section-caret{font-size:9px;color:var(--brand-teal-100);opacity:.65;width:10px;transition:transform .15s ease;display:inline-block}.sidebar__item--nested{margin-left:26px;padding:6px 10px;font-size:12.5px}.sidebar__item--nested .sidebar__item-icon{font-size:11px;opacity:.6}.sidebar__item--nested.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__footer{padding:0 18px 12px;font-size:11px;color:#ffffff73;text-align:center}.sidebar--collapsed .sidebar__item,.sidebar--collapsed .sidebar__section{justify-content:center;padding-left:0;padding-right:0;margin-left:10px;margin-right:10px}.sidebar--collapsed .sidebar__item-icon,.sidebar--collapsed .sidebar__section-icon{width:auto;font-size:24px}.sidebar--collapsed .sidebar__item--active{box-shadow:inset 0 0 0 1px var(--vna-sidebar-gold);background:var(--vna-sidebar-active)}.sidebar--collapsed .sidebar__heading,.sidebar--collapsed .sidebar__footer{display:none}.sidebar--collapsed .sidebar__nav-group+.sidebar__nav-group{border-top:1px solid rgba(255,255,255,.08);padding-top:6px;margin-top:8px}.sidebar__chatbot{position:absolute;left:14px;right:14px;bottom:36px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,var(--vna-sidebar-gold),#B08A1F);color:#003f5c;border:none;border-radius:28px;font:700 13px var(--font-ui);cursor:pointer;box-shadow:0 4px 14px #d4af3759;transition:transform .18s ease,box-shadow .2s ease;white-space:nowrap;overflow:hidden}.sidebar__chatbot:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af378c}.sidebar__chatbot-label{transition:opacity .2s ease}.sidebar--collapsed .sidebar__chatbot{left:50%;right:auto;bottom:30px;width:44px;height:44px;padding:0;border-radius:50%;justify-content:center;transform:translate(-50%)}.sidebar--collapsed .sidebar__chatbot:hover{transform:translate(-50%) translateY(-2px)}.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);min-height:var(--filter-h);display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:var(--header-h);z-index:20;min-width:0;overflow:visible}.filter-bar--stacked{flex-direction:column;align-items:stretch;padding:8px 24px 10px;gap:8px}.filter-bar__row--primary{display:flex;align-items:center;gap:8px;min-width:0}.filter-bar:not(.filter-bar--stacked) .filter-bar__row--primary{display:contents}.filter-bar__row--facets{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;padding-top:2px;border-top:1px solid var(--border)}.filter-bar__row--facets .filter{width:100%;max-width:none;flex-shrink:0;min-width:0}.filter-bar__row--facets>.filter,.filter-bar__row--facets>.filter--wide{width:100%;justify-content:space-between}.filter-bar__row--facets .filter--wide .filter__head{width:100%;justify-content:space-between}.filter-bar__row--facets .filter__value{max-width:none;flex:1;text-align:right}.filter-bar--stacked .filter-bar__row--primary .filter{flex-shrink:0;max-width:none}.filter-bar--stacked .filter-bar__row--primary .filter__value{max-width:min(280px,36vw)}.filter-bar:not(.filter-bar--stacked)>.filter,.filter-bar:not(.filter-bar--stacked) .filter-bar__row--primary>.filter{flex-shrink:0;min-width:0;max-width:min(240px,100%)}.filter{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);font-size:13px;cursor:pointer;color:var(--ink-700);-webkit-user-select:none;user-select:none;letter-spacing:-.05px;transition:background .12s ease,border-color .12s ease}.filter:hover{border-color:var(--border-strong);background:var(--surface-2)}.filter__label{color:var(--ink-500);font-weight:500;white-space:nowrap}.filter__value{color:var(--ink-900);font-weight:600;max-width:min(160px,28vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.filter__chev{color:var(--ink-400);margin-left:2px}.filter__head{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.filter-bar__divider{width:1px;background:var(--border);height:22px;margin:0 4px}.filter-bar__spacer{flex:1}.filter-bar__meta{flex-shrink:0;font-size:12px;color:var(--ink-500);display:flex;align-items:center;gap:6px}.filter-bar__live{width:6px;height:6px;border-radius:50%;background:var(--green-500);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.filter--seg{padding:0;overflow:hidden}.filter--seg .seg{padding:6px 12px;font-size:13px;cursor:pointer;color:var(--ink-500);font-weight:500}.filter--seg .seg+.seg{border-left:1px solid var(--border)}.filter--seg .seg--active{background:var(--ink-900);color:var(--surface)}.main{padding:20px 28px 96px}.sidebar__toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar__caret{font-size:10px;color:var(--navy-400);transition:transform .15s}.sidebar__caret--open{transform:rotate(90deg)}.sidebar__sub{margin-left:8px}.sidebar__item--leaf{padding-left:16px;font-size:12.5px}.sidebar__section{display:flex;align-items:center;gap:8px;margin:1px 12px;padding:7px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#e6f2f7e0;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:0;transition:background .15s ease,color .15s ease}.sidebar__section:hover{background:#ffffff1a;color:#fff}.sidebar__section-caret{font-size:9px;color:#e6f2f78c;width:10px;display:inline-block;transition:transform .15s}.sidebar__section-icon{width:22px;text-align:center;font-size:17px;color:var(--vna-sidebar-gold)}.sidebar__item--nested{margin-left:24px;margin-right:12px;padding-left:14px;font-size:12.5px;position:relative}.sidebar__item--nested:before{content:"";position:absolute;left:4px;top:12px;width:6px;height:1px;background:#ffffff2e}.sidebar__item-chevron{margin-left:auto;font-size:10px;opacity:.7;transition:transform .2s ease;flex-shrink:0;padding-left:6px}.sidebar__nav-dropdown{display:flex;flex-direction:column}.sidebar__item--dropdown-option{padding-left:44px;font-size:12.5px;font-weight:500}.sidebar__item--dropdown-option .sidebar__item-label{font-weight:600}.sidebar__item--dropdown-option .sidebar__item-sub{opacity:.78}.sidebar--collapsed .sidebar__item-chevron,.sidebar--collapsed .sidebar__item--dropdown-option{display:none}.filter--period{position:relative}.filter--period .filter__chev{transition:transform .15s ease}.filter__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:6px;z-index:40;display:flex;flex-direction:column;gap:2px}.filter__menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--ink-700)}.filter__menu-item:hover{background:var(--surface-2, rgba(0,0,0,.04))}.filter__menu-item--active{background:var(--surface-2, rgba(11,30,63,.06));color:var(--ink-900)}.filter__menu-item-label{font-weight:600}.filter__menu-item-sub{color:var(--ink-500);font-size:12px;margin-left:4px}.filter__menu-item-check{margin-left:auto;color:var(--vna-sidebar-gold, #D4AF37);font-weight:700}[data-theme=dark] .filter__menu{background:var(--surface);box-shadow:0 8px 24px #00000080}[data-theme=dark] .filter__menu-item:hover{background:#ffffff0f}.filter__menu--period{min-width:320px}.filter__menu-divider{height:1px;background:var(--border);margin:6px -6px 4px}.filter__menu-range{padding:4px 4px 6px;display:flex;flex-direction:column;gap:8px}.filter__menu-range-title{display:flex;align-items:center;justify-content:space-between;font:700 10.5px var(--font-ui, "Manrope", sans-serif);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px 0}.filter__menu-range-clear{font:600 10.5px var(--font-ui);color:var(--brand-teal-600, #006D88);background:transparent;border:0;padding:2px 6px;border-radius:4px;cursor:pointer;text-transform:none;letter-spacing:0}.filter__menu-range-clear:hover{background:#006d881a}.filter__menu-range-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:6px;padding:0 6px}.filter__menu-range-field{display:flex;flex-direction:column;gap:3px;min-width:0}.filter__menu-range-field label{font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em}.filter__menu-range-field input[type=date]{height:30px;padding:0 8px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--ink-900);font:500 12px var(--font-ui);outline:none;min-width:0;width:100%}.filter__menu-range-field input[type=date]:focus{border-color:var(--brand-teal-600, #006D88);box-shadow:0 0 0 2px #006d8829}.filter__menu-range-apply{height:30px;padding:0 12px;border:0;border-radius:5px;background:linear-gradient(135deg,var(--brand-teal-600, #006D88) 0%,var(--brand-teal-700, #003F5C) 100%);color:#fff;font:700 11px var(--font-ui);letter-spacing:.04em;cursor:pointer;text-transform:uppercase;transition:filter .15s,opacity .15s}.filter__menu-range-apply:hover:not(:disabled){filter:brightness(1.08)}.filter__menu-range-apply:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .filter__menu-range-field input[type=date]{background:var(--surface-2);color:var(--ink-900);color-scheme:dark}.filter__panel{position:fixed;min-width:720px;max-width:calc(100vw - 48px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000029;padding:12px;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;align-content:start}.filter__panel-col{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:0}.filter__panel-col-title{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:0;background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);border-bottom:1px solid var(--border);font:700 10.5px var(--font-ui, "Manrope", sans-serif);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;cursor:pointer;text-align:left;box-sizing:border-box}.filter__panel-col--collapsed .filter__panel-col-title{border-bottom:0}.filter__panel-col-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter__panel-col-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--brand-teal-600, #006d88);color:#fff;font:700 9px var(--font-ui);flex-shrink:0}.filter__panel-col-chev{flex-shrink:0;font-size:10px;color:var(--ink-400);transition:transform .15s;line-height:1}.filter__panel-col-chev--open{transform:rotate(180deg)}.filter__panel-col-title:hover{color:var(--ink-700);background:var(--surface-2)}.filter__panel-col-list{flex:1;max-height:260px;overflow-y:auto;padding:4px}.filter__panel-empty{padding:8px 10px;color:var(--ink-400);font-size:12px;font-style:italic}.filter__panel-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:5px;cursor:pointer;font-size:12px;color:var(--ink-700);line-height:1.35;transition:background .12s,color .12s}.filter__panel-item:hover{background:#0b1e3f0f;color:var(--ink-900)}.filter__panel-item--active{background:#006d881a;color:var(--brand-teal-600);font-weight:600}.filter__panel-radio{flex-shrink:0;width:12px;display:inline-flex;justify-content:center;color:var(--ink-400);font-size:10px}.filter__panel-item--active .filter__panel-radio{color:var(--brand-teal-500)}.filter__panel-check{flex-shrink:0;width:14px;display:inline-flex;justify-content:center;color:var(--ink-400);font-size:13px;line-height:1}.filter__panel-item--active .filter__panel-check{color:var(--brand-teal-600, #006D88)}.filter__panel-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.filter__panel-header-label{font:600 11px var(--font-ui, "Manrope", sans-serif);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em}.filter__panel-clear{background:transparent;border:0;color:var(--red-600, #b91c1c);font:600 11px var(--font-ui);padding:4px 8px;border-radius:5px;cursor:pointer}.filter__panel-clear:hover{background:#ef444414}.filter__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:2px;background:var(--brand-teal-600, #006D88);color:#fff;border-radius:9px;font:700 10px var(--font-ui);line-height:1}.filter__panel-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.filter__panel-col-list::-webkit-scrollbar{width:6px}.filter__panel-col-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.filter__panel-col-list::-webkit-scrollbar-track{background:transparent}[data-theme=dark] .filter__panel{background:var(--surface);box-shadow:0 12px 32px #0000008c}[data-theme=dark] .filter__panel-col{background:var(--surface-2)}[data-theme=dark] .filter__panel-item:hover{background:#ffffff0f}@media (max-width: 1100px){.filter__panel{min-width:520px;grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width: 720px){.filter__panel{min-width:320px;grid-template-columns:repeat(2,minmax(120px,1fr))}}[data-theme=dark] .filter__menu-item--active{background:#ffffff14}.sf-builder{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:var(--header-h);z-index:20;min-width:0}.sf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.sf-toolbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.sf-toolbar__brand-icon{font-size:18px;line-height:1;opacity:.85}.sf-toolbar__title{margin:0;font:700 14px var(--font-ui, "Manrope", sans-serif);color:var(--ink-900);letter-spacing:-.02em}.sf-toolbar__total{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--brand-teal-600, #006d88);color:#fff;font:700 11px var(--font-ui)}.sf-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sf-toolbar__compare{position:relative}.sf-toolbar__compare-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--r, 8px);background:var(--surface-2);font:600 12.5px var(--font-ui);color:var(--ink-700);cursor:pointer}.sf-toolbar__compare-btn:hover{border-color:var(--border-strong)}.sf-toolbar__compare-label{color:var(--ink-500);font-weight:500}.sf-toolbar__compare-value{color:var(--ink-900)}.sf-toolbar__chev{color:var(--ink-400);font-size:11px}.sf-toolbar__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg, 10px);box-shadow:var(--shadow-pop);padding:6px;z-index:45}.sf-toolbar__menu-item{display:flex;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;font:600 13px var(--font-ui);color:var(--ink-700);cursor:pointer;text-align:left}.sf-toolbar__menu-item:hover{background:var(--surface-2)}.sf-toolbar__menu-item--on{background:var(--surface-2);color:var(--ink-900)}.sf-toolbar__check{margin-left:auto;color:var(--vna-sidebar-gold, #d4af37)}.sf-toolbar__clear{padding:6px 12px;border:1px solid var(--border);border-radius:var(--r);background:transparent;font:600 12px var(--font-ui);color:var(--red-600, #b91c1c);cursor:pointer}.sf-toolbar__clear:hover{background:#ef444414}.sf-toolbar__meta{font:500 12px var(--font-ui);color:var(--ink-500);white-space:nowrap}.sf-toolbar__meta-val{font-weight:600;color:var(--ink-900);font-variant-numeric:tabular-nums}.sf-compact-filters{padding:8px 24px 6px;display:flex;flex-direction:column;gap:8px}.sf-mega-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sf-mega-dd{position:relative;flex-shrink:0;max-width:min(320px,42vw)}.sf-mega-dd .filter__head{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;border-radius:0;background:transparent;font-size:13px;cursor:pointer;width:100%;box-sizing:border-box}.sf-mega-dd .filter__head:hover{color:var(--ink-900)}.sf-mega-dd .filter__head:hover .filter__value{color:var(--brand-teal-600, #006d88)}.sf-mega-dd .filter__label{color:var(--ink-500);font-weight:500;white-space:nowrap}.sf-mega-dd .filter__value{color:var(--ink-900);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:right}[data-theme=dark] .sf-body{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 100%)}.sf-section{background:var(--surface-2, rgba(0, 0, 0, .03));border:1px solid var(--border);border-radius:var(--r-lg, 10px);padding:12px 14px 14px}[data-theme=dark] .sf-section{background:#ffffff0a;border-color:#ffffff14}.sf-section__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sf-section__icon{font-size:16px;line-height:1;opacity:.9}.sf-section__title{margin:0;flex:1;font:700 13px var(--font-ui);color:var(--ink-900);letter-spacing:-.01em}.sf-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font:700 11px var(--font-ui);color:var(--ink-500)}.sf-section__count--on{background:var(--brand-teal-600, #006d88);border-color:transparent;color:#fff}.sf-section__chips{display:flex;flex-wrap:wrap;gap:8px}.sf-time-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sf-period-dd{position:relative;flex-shrink:0}.sf-period-dd__trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r, 8px);background:var(--surface);font-size:13px;cursor:pointer;color:var(--ink-700);-webkit-user-select:none;user-select:none;max-width:min(360px,46vw)}.sf-period-dd__trigger:hover{border-color:var(--border-strong);background:var(--surface-2)}.sf-period-dd__label{color:var(--ink-500);font-weight:500;white-space:nowrap}.sf-period-dd__value{color:var(--ink-900);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sf-period-dd__chev{color:var(--ink-400);font-size:11px;transition:transform .15s;flex-shrink:0}.sf-period-dd__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg, 10px);box-shadow:var(--shadow-pop);padding:6px;z-index:45;display:flex;flex-direction:column;gap:2px}[data-theme=dark] .sf-period-dd__menu{box-shadow:0 8px 24px #00000080}.sf-period-dd__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;font-size:13px;color:var(--ink-700);cursor:pointer;text-align:left}.sf-period-dd__item:hover{background:var(--surface-2)}.sf-period-dd__item--on{background:var(--surface-2);color:var(--ink-900)}.sf-period-dd__item-label{font-weight:600}.sf-period-dd__item-sub{color:var(--ink-500);font-size:12px;margin-left:4px}.sf-period-dd__check{margin-left:auto;color:var(--vna-sidebar-gold, #d4af37);font-weight:700}.sf-period-dd__divider{height:1px;background:var(--border);margin:6px -6px 4px}.sf-period-dd__custom{padding:4px 4px 6px;display:flex;flex-direction:column;gap:8px}.sf-period-dd__custom-head{display:flex;align-items:center;justify-content:space-between}.sf-period-dd__custom-title{font:700 10.5px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500)}.sf-period-dd__custom-clear{border:0;background:transparent;font:600 11px var(--font-ui);color:var(--brand-teal-600, #006d88);cursor:pointer;padding:2px 6px;border-radius:4px}.sf-period-dd__custom-clear:hover{background:#006d8814}.sf-period-dd__custom-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.sf-period-dd__custom-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.sf-period-dd__custom-field span{font:600 11px var(--font-ui);color:var(--ink-500)}.sf-period-dd__custom-field input[type=date]{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font:600 12px var(--font-ui);background:var(--surface);color:var(--ink-900)}.sf-period-dd__apply{padding:7px 14px;border:0;border-radius:6px;background:var(--brand-teal-600, #006d88);color:#fff;font:700 11px var(--font-ui);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;flex-shrink:0}.sf-period-dd__apply:hover:not(:disabled){filter:brightness(1.08)}.sf-period-dd__apply:disabled{opacity:.45;cursor:not-allowed}.sf-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font:600 12.5px var(--font-ui);color:var(--ink-700);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;max-width:100%}[data-theme=dark] .sf-chip{background:#00000040;border-color:#ffffff1f;color:#ffffffe0}.sf-chip:hover{border-color:var(--border-strong);background:var(--surface-2)}.sf-chip--active{border-color:var(--brand-teal-500, #1e8ab5);background:#006d881a;color:var(--ink-900);box-shadow:0 0 0 1px #006d8826}[data-theme=dark] .sf-chip--active{background:#1e8ab52e;border-color:#1e8ab58c;color:#fff}.sf-chip--open{border-color:var(--brand-teal-600, #006d88)}.sf-chip--promoter.sf-chip--active{border-color:var(--green-500, #22c55e);background:#22c55e1f;color:var(--green-700, #15803d)}.sf-chip--neutral.sf-chip--active{border-color:var(--amber-500, #f59e0b);background:#f59e0b1f;color:var(--amber-700, #b45309)}.sf-chip--detractor.sf-chip--active{border-color:var(--red-500, #ef4444);background:#ef44441a;color:var(--red-700, #b91c1c)}[data-theme=dark] .sf-chip--promoter.sf-chip--active{color:#86efac}[data-theme=dark] .sf-chip--neutral.sf-chip--active{color:#fcd34d}[data-theme=dark] .sf-chip--detractor.sf-chip--active{color:#fca5a5}.sf-chip__icon{font-size:13px;line-height:1;opacity:.9}.sf-chip__label{white-space:nowrap}.sf-chip__badge{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-teal-600, #006d88);color:#fff;font:700 10px var(--font-ui);align-items:center;justify-content:center}.sf-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:10px;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .sf-popover{box-shadow:0 12px 32px #0000008c}.sf-popover__title{font:700 12px var(--font-ui);color:var(--ink-900);padding:0 4px}.sf-popover__list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sf-popover__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;font:600 12.5px var(--font-ui);color:var(--ink-700);cursor:pointer;text-align:left}.sf-popover__item:hover{background:var(--surface-2)}.sf-popover__item--on{background:var(--surface-2);color:var(--ink-900)}.sf-popover__item--nps-promoter{border-left:3px solid var(--green-500, #22c55e)}.sf-popover__item--nps-neutral{border-left:3px solid var(--amber-500, #f59e0b)}.sf-popover__item--nps-detractor{border-left:3px solid var(--red-500, #ef4444)}.sf-popover__check{color:var(--brand-teal-600);font-size:13px}.sf-popover__empty{padding:12px;color:var(--ink-500);font-size:12px;text-align:center}.sf-popover__period-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-popover__period-row label{display:flex;flex-direction:column;gap:4px;font:600 11px var(--font-ui);color:var(--ink-500)}.sf-popover__period-row input[type=date]{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font:600 12px var(--font-ui);background:var(--surface);color:var(--ink-900)}.sf-popover__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.sf-popover__btn{padding:6px 12px;border-radius:6px;font:600 12px var(--font-ui);cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--ink-700)}.sf-popover__btn--primary{background:var(--brand-teal-600, #006d88);border-color:var(--brand-teal-600);color:#fff}.sf-popover__btn--primary:disabled{opacity:.45;cursor:not-allowed}.sf-popover__btn--ghost{border-color:transparent;color:var(--ink-500)}@media (max-width: 768px){.sf-toolbar{padding:8px 16px}.sf-body{padding:10px 16px 6px;max-height:60vh}.sf-toolbar__meta{display:none}}.block-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:16px}.block-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink-700);position:relative;transition:all .15s ease}.block-tab:hover{border-color:var(--border-strong);background:var(--surface-2)}.block-tab__icon{font-size:18px;color:#fff;width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:var(--navy-900);border-radius:7px}.block-tab__label{line-height:1.25}.block-tab--active{background:var(--surface);border-color:var(--brand-teal-600);color:var(--ink-900);box-shadow:0 0 0 1px var(--brand-teal-600) inset}.block-tab--active .block-tab__icon{background:var(--brand-teal-600);color:#fff}.block-tab--active:after{content:"";position:absolute;left:8px;right:8px;bottom:-3px;height:2px;background:var(--brand-gold-500);border-radius:2px}.subtabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px;margin-bottom:16px;width:fit-content}.subtab{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-500);cursor:pointer}.subtab:hover{color:var(--ink-900)}.subtab--active{background:var(--ink-900);color:var(--surface)}.banner{background:var(--surface);color:var(--ink-900);border:1px solid var(--border);border-left:3px solid var(--brand-gold-500);border-radius:var(--r-lg);padding:16px 20px;margin-bottom:16px;position:relative;display:flex;align-items:center;gap:16px}.banner__icon{width:36px;height:36px;border-radius:6px;background:#0b1e3f14;color:var(--navy-900);display:grid;place-items:center;font-size:18px;flex:0 0 36px}.banner__text{flex:1;font-size:14px;color:var(--navy-900)}.banner__text strong{color:var(--navy-900);font-weight:700}.banner__chip{background:var(--navy-900);color:#f8decf;font-weight:700;font-size:11px;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;align-items:stretch}.kpi-grid>.widget-shell,.kpi-grid>.sortable-item{display:flex;flex-direction:column;min-height:0;height:100%}.kpi-grid--4{grid-template-columns:repeat(4,1fr)}.kpi-grid--3{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;height:100%;min-height:0;flex:1}.kpi__name{font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kpi__value{font-family:var(--font-ui);font-weight:600;font-size:28px;color:var(--ink-900);letter-spacing:-.6px;line-height:1.15;display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.kpi__unit{font-size:12px;color:var(--ink-500);font-weight:500}.kpi__unit--block{font-size:11px;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kpi__row{display:flex;align-items:center;gap:8px;font-size:12px}.kpi__delta{font-weight:700;font-family:var(--font-mono);font-size:12px}.kpi__delta--up{color:var(--green-600)}.kpi__delta--down{color:var(--red-600)}.kpi__delta--flat{color:var(--ink-500)}.kpi__meta{color:var(--ink-500);font-size:12px}.kpi__bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:auto;flex-shrink:0}.kpi__bar-fill{height:100%;background:var(--brand-teal-600)}.kpi__bar-fill--ok{background:var(--green-500)}.kpi__bar-fill--warn{background:var(--orange-500)}.kpi__bar-fill--bad{background:var(--red-500)}.kpi__spark{height:28px;margin-top:2px}.kpi--highlight{background:var(--surface);border-color:var(--brand-gold-500);box-shadow:inset 0 0 0 1px var(--brand-gold-500)}.kpi--highlight.kpi--good{background:var(--surface);border-color:var(--green-500);box-shadow:inset 0 0 0 1px var(--green-500)}.kpi--highlight.kpi--bad{background:var(--surface);border-color:var(--red-500);box-shadow:inset 0 0 0 1px var(--red-500)}.kpi--highlight.kpi--unknown{background:var(--surface);border-color:var(--orange-500);box-shadow:inset 0 0 0 1px var(--orange-500)}.kpi--highlight.kpi--good .kpi__value{color:var(--green-600)}.kpi--highlight.kpi--bad .kpi__value{color:var(--red-600)}.kpi--highlight.kpi--unknown .kpi__value{color:var(--orange-500)}[data-theme=dark] .kpi--highlight.kpi--good{background:linear-gradient(180deg,rgba(16,185,129,.1),var(--surface));border-color:var(--green-500)}[data-theme=dark] .kpi--highlight.kpi--bad{background:linear-gradient(180deg,rgba(239,68,68,.1),var(--surface));border-color:var(--red-500)}[data-theme=dark] .kpi--highlight.kpi--unknown{background:linear-gradient(180deg,rgba(249,115,22,.1),var(--surface));border-color:var(--orange-500)}[data-theme=dark] .kpi--highlight.kpi--good .kpi__value{color:#6ee7b7}[data-theme=dark] .kpi--highlight.kpi--bad .kpi__value{color:#fca5a5}.kpi__target{font-size:11px;color:var(--ink-500);font-family:var(--font-mono)}.bento{display:grid;gap:12px;margin-bottom:16px}.bento--12{grid-template-columns:repeat(12,1fr)}.bento--6{grid-template-columns:repeat(6,1fr)}.bento--3{grid-template-columns:repeat(3,1fr)}.bento--2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.card--tight{padding:12px 14px;gap:8px}.card--dense{padding:0;gap:0}.card__head{display:flex;align-items:center;gap:8px}.card__title{font-size:14px;font-weight:600;color:var(--ink-900);letter-spacing:-.2px;line-height:1.35}.card__sub{font-size:12px;color:var(--ink-500);font-weight:500;margin-top:2px}.card__spacer{flex:1}.card__chip{background:var(--surface-2);border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--ink-500);padding:4px 10px;border-radius:12px}.card__chip--ok{background:var(--green-100);color:var(--green-600);border-color:transparent}.card__chip--warn{background:var(--orange-100);color:#a05a07;border-color:transparent}.card__chip--bad{background:var(--red-100);color:var(--red-600);border-color:transparent}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-12{grid-column:span 12}.insights{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.insight{border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:6px;border:1px solid;background:var(--surface)}.insight--alert{background:var(--surface);border-color:var(--red-100);border-left:3px solid var(--red-500)}.insight--good{background:var(--surface);border-color:var(--green-100);border-left:3px solid var(--green-500)}.insight--action{background:var(--surface);border-color:var(--amber-100);border-left:3px solid var(--brand-gold-500)}.insight__icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:13px;font-family:var(--font-mono)}.insight--alert .insight__icon{background:var(--red-100);color:var(--red-600)}.insight--good .insight__icon{background:var(--green-100);color:var(--green-600)}.insight--action .insight__icon{background:var(--amber-100);color:var(--brand-gold-600)}.insight__head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-700)}.insight__title{font-weight:700;font-size:14px;color:var(--ink-900)}.insight__body{color:var(--ink-700);font-size:13px}.insight__list{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:var(--ink-700)}.insight__list li{margin:2px 0}.insight__cta{margin-top:6px;background:var(--ink-900);color:var(--surface);border:0;padding:7px 12px;border-radius:var(--r-sm);font-weight:600;cursor:pointer;font-size:12px;align-self:flex-start;letter-spacing:-.1px;transition:background .12s ease}.insight__cta:hover{background:var(--ink-700)}.drill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.drill__head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.drill__caret{width:14px;height:14px;display:grid;place-items:center;color:var(--ink-500);transition:transform .15s}.drill--open .drill__caret{transform:rotate(90deg)}.drill__title{font:600 14px var(--font-ui);color:var(--ink-900);letter-spacing:-.2px}.drill__body{padding:0;max-height:0;overflow:hidden;transition:max-height .25s}.drill--open .drill__body{max-height:2000px}table.t{width:100%;border-collapse:collapse;font-size:13px}.t th,.t td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap;line-height:1.45}.t th{background:var(--surface-2);color:var(--ink-500);font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;padding-top:12px;padding-bottom:12px}.t tr:last-child td{border-bottom:none}.t tr:hover td{background:var(--surface-2)}.t td.num{font-family:var(--font-ui);text-align:right;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.05px}.pill{display:inline-flex;align-items:center;gap:4px;font:600 11.5px var(--font-ui);padding:3px 9px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.pill--ok{background:var(--green-100);color:var(--green-600)}.pill--warn{background:var(--orange-100);color:#a05a07}.pill--bad{background:var(--red-100);color:var(--red-600)}.pill--neutral{background:var(--surface-2);color:var(--ink-500);border:1px solid var(--border)}.section-h{display:flex;align-items:center;gap:10px;margin:14px 4px 12px;font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500)}.section-h:before{content:"";width:16px;height:1px;background:var(--ink-300)}.section-h:after{content:"";flex:1;height:1px;background:var(--border)}.chart-wrap{position:relative}.chart-wrap--sm{height:180px}.chart-wrap--md{height:240px}.chart-wrap--lg{height:320px}.kpi-cell{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:pointer}.kpi-cell:hover{border-color:var(--brand-teal-600)}.kpi-cell__code{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-400);font-weight:600;letter-spacing:.06em}.kpi-cell__name{font-size:12px;color:var(--ink-700);line-height:1.4;font-weight:500;min-height:32px}.kpi-cell__val{font:600 18px/1.2 var(--font-ui);letter-spacing:-.3px;color:var(--ink-900);font-variant-numeric:tabular-nums}.kpi-cell__row{display:flex;align-items:center;gap:6px;font-size:11px}.kpi-cell__dot{width:8px;height:8px;border-radius:50%;background:var(--ink-300)}.kpi-cell__dot--ok{background:var(--green-500)}.kpi-cell__dot--warn{background:var(--orange-500)}.kpi-cell__dot--bad{background:var(--red-500)}.kpi-group-h{grid-column:1 / -1;font:600 12px var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);padding:16px 0 4px;display:flex;align-items:center;gap:10px}.kpi-group-h__count{font-family:var(--font-ui);font-weight:600;background:var(--surface-2);color:var(--ink-700);border:1px solid var(--hairline);padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-variant-numeric:tabular-nums}.kpi-group-h:after{content:"";flex:1;height:1px;background:var(--border)}.minibar{display:flex;align-items:center;gap:6px}.minibar__track{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.minibar__fill{height:100%;background:var(--brand-teal-600)}.minibar__pct{font:600 10.5px var(--font-ui);color:var(--ink-500);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.statline{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px dashed var(--border)}.statline:last-child{border-bottom:0}.statline__name{color:var(--ink-700);font-size:13px;flex:1}.statline__val{font-family:var(--font-ui);font-weight:600;color:var(--ink-900);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.statline__delta{font-family:var(--font-mono);font-size:11.5px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-700)}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__swatch{width:10px;height:10px;border-radius:2px}.drag-ghost{width:80px;height:6px;border-radius:3px;background:var(--brand-gold-500);opacity:.85}.drag-ghost--list{width:100%;max-width:200px;height:4px}.kpi-v2-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:40px 32px;text-align:center;color:var(--ink-500);font-size:13.5px;letter-spacing:-.05px}.kpi-grid--2{grid-template-columns:repeat(2,1fr)}.kpi-v2-footer{margin-top:24px;padding:14px 0;border-top:1px solid var(--border);font-size:11px;color:var(--ink-500);text-align:center}.widget-shell{position:relative;cursor:grab}.widget-shell>.kpi{flex:1;height:100%;min-height:0}.widget-shell.sortable-item--dragging{cursor:grabbing}.kpi-v2-widget>.kpi-v2-stat,.kpi-v2-widget>.kpi-v2-chart-card{height:100%}.kpi-v2-widget.sortable-item--dragging>.kpi-v2-stat,.kpi-v2-widget.sortable-item--dragging>.kpi-v2-chart-card{box-shadow:var(--shadow-2)}.widget-hide-btn{position:absolute;top:8px;right:8px;z-index:25;width:22px;height:22px;padding:0;display:grid;place-items:center;background:#0b0e14a6;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#ffffffbf;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,border-color .12s ease,background .12s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.widget-shell:hover>.widget-hide-btn,.widget-shell:focus-within>.widget-hide-btn,.widget-hide-btn:focus-visible{opacity:1}.widget-hide-btn:hover{color:#fca5a5;border-color:#ef444480;background:#ef444426}[data-theme=light] .widget-hide-btn{background:#ffffffe6;border-color:var(--hairline-strong);color:var(--ink-500)}[data-theme=light] .widget-hide-btn:hover{background:#ef44441a;border-color:#ef444466;color:var(--red-600)}.hidden-bar{position:fixed;right:20px;bottom:96px;z-index:260;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.hidden-bar>*{pointer-events:auto}.hidden-toggle{position:relative;width:38px;height:38px;border-radius:50%;background:var(--brand-gold-500);border:0;color:var(--brand-teal-700);font-weight:800;cursor:pointer;box-shadow:var(--shadow-2);display:grid;place-items:center}.hidden-toggle__icon{font-size:16px;line-height:1}.hidden-toggle__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red-500);color:#fff;font:700 10px var(--font-ui);display:inline-flex;align-items:center;justify-content:center;line-height:1}.hidden-panel{width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:8px}.hidden-panel__head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.hidden-panel__title{font:700 10.5px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.hidden-panel__reset{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);color:var(--ink-500);padding:3px 8px;border-radius:var(--r-sm);font:600 10.5px var(--font-ui);cursor:pointer}.hidden-panel__reset:hover{color:var(--brand-gold-600);border-color:var(--brand-gold-500)}.hidden-panel__list{list-style:none;padding:0;margin:0;max-height:280px;overflow-y:auto}.hidden-panel__list button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:0;border-radius:var(--r-sm);color:var(--ink-700);font:500 12.5px var(--font-ui);text-align:left;cursor:pointer}.hidden-panel__list button:hover{background:#d99d0c1f;color:var(--ink-900)}.hidden-panel__empty{padding:16px;text-align:center;color:var(--ink-500);font-size:12px}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;background:radial-gradient(ellipse 90% 60% at 80% 100%,rgba(212,175,55,.08) 0%,transparent 55%),radial-gradient(ellipse 120% 80% at 20% 0%,rgba(212,175,55,.1) 0%,transparent 55%),linear-gradient(135deg,#002a3f,#003f5c 45%,#006d88);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Be Vietnam Pro,Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;z-index:100;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.login-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:login-orb 14s ease-in-out infinite alternate}.login-bg__orb--a{width:520px;height:520px;top:-180px;left:-120px;background:radial-gradient(circle,rgba(212,175,55,.45) 0%,transparent 70%)}.login-bg__orb--b{width:620px;height:620px;bottom:-240px;right:-160px;background:radial-gradient(circle,rgba(30,138,181,.5) 0%,transparent 70%);animation-delay:-7s}@keyframes login-orb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.08)}}.login-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:38px 38px 28px;box-shadow:0 32px 80px #00192873,0 4px 16px #0019282e,0 0 0 1px #ffffff0a;animation:login-pop .32s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.login-card:before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,transparent 0%,#D4AF37 30%,#D4AF37 70%,transparent 100%);border-radius:0 0 3px 3px}@keyframes login-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:22px}.login-brand__logo--wide{width:320px;max-width:100%;aspect-ratio:756 / 126;display:grid;place-items:center;overflow:hidden;padding:2px 4px}.login-brand__logo img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 1px 1px rgba(0,63,92,.06)) drop-shadow(0 3px 10px rgba(0,63,92,.08));transform:translateZ(0);backface-visibility:hidden}.login-brand__text{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px}.login-brand__text:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:64px;height:1.5px;background:linear-gradient(90deg,transparent 0%,#D4AF37 50%,transparent 100%);border-radius:2px}.login-brand__title{font:800 38px/.95 Be Vietnam Pro,Manrope,sans-serif;letter-spacing:-.8px;background:linear-gradient(135deg,#003f5c,#006d88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#003f5c;filter:drop-shadow(0 1px 0 rgba(0,63,92,.04))}.login-brand__sub-en{font:600 11.5px/1.4 Be Vietnam Pro;color:#5a6d78;letter-spacing:.06em;text-align:center;text-transform:uppercase}.login-brand__slogan{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:5px 13px;background:linear-gradient(180deg,#fcf8e8,#f8efd1);border:1px solid rgba(212,175,55,.45);border-radius:999px;font:500 11.5px Be Vietnam Pro;font-style:italic;color:#6b4a00;letter-spacing:.01em;box-shadow:0 1px #ffffffb3 inset,0 1px 2px #d4af3724}.login-brand__slogan-icon{color:#b07f00;flex-shrink:0}.login-brand__slogan-text{line-height:1}.login-form{display:flex;flex-direction:column;gap:13px}.login-form__field{display:flex;flex-direction:column;gap:6px}.login-form__label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:16px}.login-form__label{font:600 11.5px Be Vietnam Pro;color:#3e5763;text-transform:uppercase;letter-spacing:.06em}.login-form__capslock{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#fef3c7;border:1px solid #F5B800;color:#92400e;border-radius:999px;font:700 9.5px Be Vietnam Pro;letter-spacing:.06em;text-transform:uppercase}.login-form__input-wrap{position:relative;display:flex;align-items:center}.login-form__input-icon{position:absolute;left:14px;color:#8a9ca5;pointer-events:none;transition:color .15s}.login-form__input-wrap:focus-within .login-form__input-icon{color:#006d88}.login-form__input{width:100%;height:46px;padding:0 14px;border:1px solid #DDE3E8;border-radius:10px;font:500 14px Be Vietnam Pro;color:#0f2a33;background:#fafbfc;transition:border-color .15s,box-shadow .15s,background .15s;outline:none}.login-form__input--with-icon{padding-left:40px}.login-form__input--with-toggle{padding-right:44px}.login-form__input::placeholder{color:#a4b0b7;font-weight:400}.login-form__input:hover{border-color:#c7d0d6}.login-form__input:focus{border-color:#006d88;background:#fff;box-shadow:0 0 0 3px #0e6b8324}.login-form__pwd-toggle{position:absolute;right:6px;width:34px;height:34px;display:grid;place-items:center;background:transparent;border:0;border-radius:7px;color:#8a9ca5;cursor:pointer;transition:color .15s,background .15s}.login-form__pwd-toggle:hover{color:#006d88;background:#006d880f}.login-form__pwd-toggle:focus-visible{outline:2px solid #006D88;outline-offset:1px}.login-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.login-form__remember{display:inline-flex;align-items:center;gap:7px;font:500 12.5px Be Vietnam Pro;color:#3e5763;cursor:pointer;-webkit-user-select:none;user-select:none}.login-form__remember input{width:15px;height:15px;accent-color:#006D88;cursor:pointer}.login-form__forgot{font:600 12.5px Be Vietnam Pro;color:#006d88;text-decoration:none;transition:color .15s}.login-form__forgot:hover{color:#003f5c;text-decoration:underline}.login-form__error{margin-top:4px;padding:10px 14px;border-radius:8px;background:#fef2f2;border:1px solid #FCA5A5;color:#b91c1c;font:500 12.5px Be Vietnam Pro;display:flex;align-items:center;gap:8px;animation:login-shake .35s cubic-bezier(.36,.07,.19,.97)}.login-form__error svg{flex-shrink:0}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-form__btn{height:48px;margin-top:8px;border:0;border-radius:10px;background:linear-gradient(135deg,#006d88,#003f5c);color:#fff;font:700 13.5px Be Vietnam Pro;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px -4px #003f5c73,inset 0 1px #ffffff26;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease,filter .2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.login-form__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -6px #003f5c8c,inset 0 1px #ffffff2e;filter:brightness(1.05)}.login-form__btn:active:not(:disabled){transform:translateY(0)}.login-form__btn:focus-visible{outline:3px solid rgba(212,175,55,.55);outline-offset:2px}.login-form__btn:disabled{opacity:.55;cursor:not-allowed}.login-form__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-form__sso{margin-top:14px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.login-form__sso-divider{width:100%;display:flex;align-items:center;gap:14px;color:#b3bfc6}.login-form__sso-divider:before,.login-form__sso-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#E1E7EB 30%,#E1E7EB 70%,transparent)}.login-form__sso-divider span{font:600 10px Be Vietnam Pro;color:#94a3ac;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}.login-form__faceid{width:100%;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;border-radius:10px;background:#fff;border:1.5px solid #D8E1E6;color:#1f4554;font:600 13px Be Vietnam Pro;letter-spacing:.03em;cursor:not-allowed;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s}.login-form__faceid:not(:disabled){cursor:pointer}.login-form__faceid:not(:disabled):hover{background:#f4f9fb;border-color:#006d88;color:#006d88;transform:translateY(-1px);box-shadow:0 4px 12px -4px #006d8840}.login-form__faceid:not(:disabled):active{transform:translateY(0)}.login-form__faceid svg{color:#006d88;flex-shrink:0;width:22px;height:22px}.login-form__faceid span{white-space:nowrap}.login-form__sso-hint{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:5px;font:500 10.5px Be Vietnam Pro;color:#94a3ac;font-style:italic}.login-form__sso-hint svg{color:#b3bfc6}.login-footer{margin-top:18px;padding-top:16px;border-top:1px solid #EDF1F3;text-align:center;display:flex;flex-direction:column;gap:8px}.login-footer__support{display:flex;flex-direction:column;align-items:center;gap:4px}.login-footer__support-head{display:inline-flex;align-items:center;gap:6px;color:#003f5c;font:700 11px Be Vietnam Pro;text-transform:uppercase;letter-spacing:.08em}.login-footer__support-head svg{color:#d4af37}.login-footer__support-label{color:#003f5c}.login-footer__support-links{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font:500 12px Be Vietnam Pro;color:#3e5763}.login-footer__support-link{display:inline-flex;align-items:center;gap:4px;color:#006d88;text-decoration:none;font-weight:600;transition:color .15s}.login-footer__support-link svg{color:#006d88;opacity:.7}.login-footer__support-link:hover{color:#003f5c}.login-footer__support-link:hover svg{opacity:1}.login-footer__support-sep{color:#d2d9dd;-webkit-user-select:none;user-select:none}.login-footer__demo{font:500 10.5px Be Vietnam Pro;color:#94a3ac;letter-spacing:.02em}.login-footer__hint{padding:2px 8px;margin-left:4px;border-radius:5px;background:#f3f5f7;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;color:#3e5763;display:inline-block}.admin-page{max-width:1180px;margin:0 auto;padding:32px 28px 64px;font-family:Manrope,system-ui,sans-serif}.admin-page__header{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px;flex-wrap:wrap}.admin-page__title{font:700 26px Manrope;color:var(--ink-900);letter-spacing:-.4px;line-height:1.2}.admin-page__sub{font:500 13px Manrope;color:var(--ink-500);margin-top:4px}.admin-page__spacer{flex:1}.admin-page__btn-primary{height:40px;padding:0 18px;background:linear-gradient(135deg,#006d88,#003f5c);color:#fff;border:0;border-radius:10px;font:700 13px Manrope;cursor:pointer;box-shadow:0 4px 12px -3px #006d8873;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s}.admin-page__btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -4px #006d888c}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-1)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead th{text-align:left;padding:14px 16px;background:var(--surface-2);font:700 11.5px Manrope;color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-strong)}.admin-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--ink-900);vertical-align:middle}.admin-table tbody tr:hover{background:var(--surface-2)}.admin-table tbody tr:last-child td{border-bottom:0}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font:700 11px Manrope;letter-spacing:.04em;text-transform:uppercase}.admin-badge--admin{background:#fef3c7;color:#b45309;border:1px solid #FCD34D}.admin-badge--user{background:var(--surface-2);color:var(--ink-700);border:1px solid var(--border)}.admin-badge--active{background:#10b98124;color:#047857}.admin-badge--inactive{background:#ef444424;color:#b91c1c}.admin-perm-summary{display:inline-flex;align-items:center;gap:4px;font:600 12px Manrope;color:var(--ink-700)}.admin-perm-summary--all{color:#006d88}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-action{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-700);padding:6px 10px;border-radius:6px;font:600 11.5px Manrope;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.admin-action:hover{background:#006d8814;color:#006d88;border-color:#006d88}.admin-action--danger{color:#b91c1c}.admin-action--danger:hover{background:#ef44441a;color:#991b1b;border-color:#dc2626}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0f1b2d8c;display:flex;align-items:center;justify-content:center;padding:24px;animation:admin-fade .15s ease-out}@keyframes admin-fade{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--surface);border-radius:14px;width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 32px 80px #00000059;animation:login-pop .22s cubic-bezier(.4,0,.2,1)}.admin-modal__header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.admin-modal__title{font:700 16px Manrope;color:var(--ink-900);flex:1}.admin-modal__close{width:32px;height:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:var(--ink-500);display:grid;place-items:center;transition:background .15s,color .15s}.admin-modal__close:hover{background:var(--surface-2);color:var(--ink-900)}.admin-modal__body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.admin-modal__field{display:flex;flex-direction:column;gap:5px}.admin-modal__label{font:600 12px Manrope;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em}.admin-modal__input,.admin-modal__select{height:40px;padding:0 12px;border:1.5px solid var(--border-strong);border-radius:8px;font:500 13.5px Manrope;color:var(--ink-900);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.admin-modal__input:focus,.admin-modal__select:focus{border-color:#006d88;box-shadow:0 0 0 4px #006d881f}.admin-modal__hint{font:500 11.5px Manrope;color:var(--ink-500);margin-top:-2px}.admin-modal__error{padding:10px 12px;background:#fee2e2;border:1px solid #FCA5A5;color:#b91c1c;border-radius:8px;font:500 12.5px Manrope}.admin-modal__perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.admin-modal__perm-row{display:flex;align-items:center;gap:8px;font:500 13px Manrope;color:var(--ink-900);cursor:pointer;padding:4px 6px;border-radius:5px;transition:background .12s}.admin-modal__perm-row:hover{background:#006d880f}.admin-modal__perm-row input{accent-color:#006D88;cursor:pointer}.admin-modal__toggle{display:inline-flex;align-items:center;gap:8px;font:600 13px Manrope;color:var(--ink-900)}.admin-modal__toggle input{accent-color:#006D88;cursor:pointer}.admin-modal__footer{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);background:var(--surface-2)}.admin-modal__btn-secondary{height:38px;padding:0 16px;background:var(--surface);color:var(--ink-700);border:1px solid var(--border-strong);border-radius:8px;font:600 12.5px Manrope;cursor:pointer}.admin-modal__btn-secondary:hover{background:var(--surface-2)}.admin-modal__btn-primary{height:38px;padding:0 18px;background:linear-gradient(135deg,#006d88,#003f5c);color:#fff;border:0;border-radius:8px;font:700 12.5px Manrope;cursor:pointer}.admin-modal__btn-primary:hover{box-shadow:0 6px 14px -3px #006d8880}.admin-modal__btn-primary:disabled{opacity:.55;cursor:not-allowed}.admin-tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border)}.admin-tabs__tab{height:38px;padding:0 18px;border:0;background:transparent;color:var(--ink-500);font:700 13px Manrope;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.admin-tabs__tab:hover{color:var(--ink-900)}.admin-tabs__tab--active{color:#006d88;border-bottom-color:#006d88}.login-logs__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.login-logs__stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-1)}.login-logs__stat-label{font:700 11px Manrope;color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.login-logs__stat-value{font:800 24px Manrope;color:var(--ink-900);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.login-logs__stat--success .login-logs__stat-value{color:#047857}.login-logs__stat--failure .login-logs__stat-value{color:#b91c1c}.login-logs__toolbar{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.login-logs__search{display:flex;gap:8px;align-items:center}.login-logs__filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.login-logs__chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-700);font:600 12px Manrope;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.login-logs__chip:hover{background:var(--surface-2);color:var(--ink-900)}.login-logs__chip--active{background:#006d88;color:#fff;border-color:#006d88}.login-logs__pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px;flex-wrap:wrap;color:var(--ink-700);font:500 12.5px Manrope}.login-logs__pagination-info{color:var(--ink-500)}.login-logs__pagination-buttons{display:flex;align-items:center;gap:10px}.login-logs__pagination-page{font:600 12.5px Manrope;color:var(--ink-900)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font:600 12.5px Manrope;cursor:pointer;transition:background .15s,border-color .15s}.user-chip:hover{background:#ffffff2e;border-color:#ffffff52}.user-chip__avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b07f00);color:#003f5c;display:grid;place-items:center;font:800 11px Manrope}.user-menu{position:absolute;right:16px;top:calc(var(--header-h, 56px) + 6px);width:220px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px #00000040;z-index:80;overflow:hidden;animation:admin-fade .12s ease-out}.user-menu__head{padding:12px 14px;border-bottom:1px solid var(--border)}.user-menu__name{font:700 13.5px Manrope;color:var(--ink-900)}.user-menu__email{font:500 12px Manrope;color:var(--ink-500);margin-top:1px;word-break:break-all}.user-menu__divider{height:1px;background:var(--border)}.user-menu__item{width:100%;padding:10px 14px;background:transparent;border:0;cursor:pointer;font:600 13px Manrope;color:var(--ink-900);display:flex;align-items:center;gap:10px;text-align:left}.user-menu__item:hover{background:var(--surface-2)}.user-menu__item--danger{color:#b91c1c}.user-menu__item--danger:hover{background:#ef444414}