@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070f;--surface-1:#94afff0b;--surface-2:#94afff13;--surface-3:#94afff1f;--surface-solid:#0c1226;--card-bg:linear-gradient(165deg, #94afff0d, #94afff03 55%), #090d1cb8;--header-bg:#05070fd1;--border:#94afff1a;--border-strong:#94afff38;--ink:#eef2ff;--ink-2:#9aa7cf;--ink-3:#5d6890;--brand-2:#3b82f6;--brand-3:#60a5fa;--brand-gradient:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 45%, #38bdf8 100%);--brand-glow:#3b82f659;--status-good:#2fbf71;--status-critical:#e5484d;--ambient-1:#2563eb24;--ambient-2:#38bdf812;--dot-grid:#94afff0a;--radius-lg:18px;--radius:13px;--radius-sm:10px;--radius-xs:7px;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 24px -16px #000000d9;--shadow-pop:0 24px 70px -24px #020820e6, 0 0 0 1px var(--border);--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Space Grotesk Variable", "Inter Variable", system-ui, sans-serif;--ease-spring:cubic-bezier(.34, 1.3, .35, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f7;--surface-1:#11182709;--surface-2:#1118270f;--surface-3:#1118271a;--surface-solid:#fff;--card-bg:linear-gradient(165deg, #fff, #fbfcff);--header-bg:#eef1f7d9;--border:#11182717;--border-strong:#1118272e;--ink:#111827;--ink-2:#4b5568;--ink-3:#8892a6;--brand-2:#2a6fe0;--brand-3:#3b82f6;--brand-gradient:linear-gradient(135deg, #1d4ed8 0%, #2a6fe0 45%, #0ea5e9 100%);--brand-glow:#2a6fe04d;--status-good:#1da85c;--status-critical:#d43a40;--ambient-1:#2a6fe014;--ambient-2:#0ea5e90d;--dot-grid:#1118270a;--shadow-card:0 1px 2px #1018280d, 0 6px 20px -12px #10182824;--shadow-pop:0 24px 70px -24px #1018284d, 0 0 0 1px var(--border)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}::selection{background:#3b82f64d}html{scroll-behavior:smooth}.ambient{z-index:0;pointer-events:none;background:radial-gradient(900px 460px at 14% -10%, var(--ambient-1), transparent 60%), radial-gradient(760px 420px at 86% 0%, var(--ambient-2), transparent 60%);position:fixed;inset:0}.ambient:after{content:"";background-image:radial-gradient(var(--dot-grid) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(760px 400px at 30% 0,#000c,#0000 75%);mask-image:radial-gradient(760px 400px at 30% 0,#000c,#0000 75%)}.shell{z-index:1;max-width:1720px;margin:0 auto;padding:0 26px 60px;position:relative}.header{z-index:30;background:linear-gradient(180deg, var(--header-bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 0 12px;display:flex;position:sticky;top:0}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-brand{align-items:center;gap:13px;min-width:0;display:flex}.header-brand img{width:auto;height:26px}:root[data-theme=light] .header-brand img{filter:invert(.82)saturate(.4)brightness(.5)}.header-brand .divider{background:var(--border-strong);width:1px;height:22px}.header-title{font-family:var(--font-display);letter-spacing:-.015em;white-space:nowrap;font-size:15.5px;font-weight:650}.header-title small{font-family:var(--font);color:var(--ink-3);letter-spacing:.02em;font-size:10.5px;font-weight:500;display:block}.header-actions{align-items:center;gap:8px;display:flex}.live-pill{letter-spacing:.06em;text-transform:uppercase;color:var(--status-good);background:color-mix(in srgb, var(--status-good) 12%, transparent);border:1px solid color-mix(in srgb, var(--status-good) 30%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:650;display:inline-flex}.live-pill .dot{background:var(--status-good);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-good) 45%, transparent)}60%{box-shadow:0 0 0 5px #0000}}.anchor-nav{align-items:center;gap:2px;display:flex}.anchor-nav a{color:var(--ink-3);border-radius:var(--radius-xs);padding:5px 10px;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.anchor-nav a:hover{color:var(--ink);background:var(--surface-2)}.filterbar{flex-wrap:wrap;align-items:stretch;gap:7px;display:flex}.segmented{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);align-items:center;gap:2px;padding:2.5px;display:flex}.segmented button{color:var(--ink-3);font:inherit;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5.5px 10px;font-size:11.5px;font-weight:600;transition:color .15s,background .15s}.segmented button:hover{color:var(--ink)}.segmented button.on{color:#fff;background:var(--brand-gradient);box-shadow:0 4px 12px -6px var(--brand-glow)}.filter-chip{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);align-items:center;gap:7px;padding:0 11px;transition:border-color .15s,background .15s;display:flex}.filter-chip:hover,.filter-chip:focus-within{border-color:var(--border-strong);background:var(--surface-2)}.filter-chip>svg{width:13px;height:13px;color:var(--ink-3);flex-shrink:0}.filter-chip select,.filter-chip input{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;outline:none;max-width:150px;padding:7px 0;font-size:12px;font-weight:600}.filter-chip select option{background:var(--surface-solid);color:var(--ink);font-weight:500}.filter-chip input[type=date]{font-variant-numeric:tabular-nums;width:105px}.filter-chip input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.55);cursor:pointer}:root[data-theme=light] .filter-chip input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.55}.toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);color:var(--ink-2);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;transition:border-color .15s,color .15s;display:inline-flex}.toggle:hover{border-color:var(--border-strong);color:var(--ink)}.toggle .track{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:999px;flex-shrink:0;width:28px;height:16px;transition:background .2s,border-color .2s;position:relative}.toggle .track:after{content:"";background:var(--ink-2);width:11px;height:11px;transition:transform .22s var(--ease-spring), background .2s;border-radius:50%;position:absolute;top:1.5px;left:2px}.toggle.on{color:var(--ink);border-color:color-mix(in srgb, var(--brand-2) 50%, transparent)}.toggle.on .track{background:var(--brand-gradient);border-color:#0000}.toggle.on .track:after{background:#fff;transform:translate(11px)}.icon-btn{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn svg{width:15px;height:15px}.stat-strip{grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:20px;display:grid}@media (width<=1500px){.stat-strip{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.stat-tile{border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:default;transition:transform .2s var(--ease-spring), border-color .18s, box-shadow .2s;padding:12px 14px 11px;position:relative;overflow:hidden}.stat-tile.clickable{cursor:pointer}.stat-tile:before{content:"";background:var(--tile-accent,var(--brand-gradient));border-radius:0 3px 3px 0;width:2.5px;position:absolute;top:10px;bottom:10px;left:0}.stat-tile:hover{border-color:var(--border-strong);transform:translateY(-1.5px)}.stat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;overflow:hidden}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:21px;font-weight:650;line-height:1.15}.stat-value .stat-suffix{color:var(--ink-2);margin-left:3px;font-size:11.5px;font-weight:500}.stat-foot{min-height:16px;color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.delta-pill{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:2px;padding:1.5px 6.5px;font-size:10px;font-weight:700;display:inline-flex}.delta-pill.up{color:var(--status-good);background:color-mix(in srgb, var(--status-good) 13%, transparent)}.delta-pill.down{color:var(--status-critical);background:color-mix(in srgb, var(--status-critical) 12%, transparent)}.delta-pill.flat{color:var(--ink-2);background:var(--surface-2)}.section{margin-bottom:22px;scroll-margin-top:130px}.section-head{align-items:baseline;gap:10px;margin:0 2px 10px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:650;display:flex}.section-head h2:before{content:"";background:var(--brand-gradient);width:7px;height:7px;box-shadow:0 0 8px var(--brand-glow);border-radius:2px}.section-head span{color:var(--ink-3);font-size:11px}.grid{grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.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-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}@media (width<=1280px){.col-2,.col-3,.col-4,.col-5{grid-column:span 6}.col-6,.col-8,.col-9{grid-column:span 12}}.card{border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:13px 16px 12px;position:relative;overflow:hidden}.chart-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.chart-card-title{letter-spacing:.005em;margin:0;font-size:12px;font-weight:650}.chart-card-sub{color:var(--ink-3);margin:1.5px 0 0;font-size:10.5px}.card .icon-btn{border-radius:var(--radius-xs);width:24px;height:24px}.card .icon-btn svg{width:12px;height:12px}.zoom-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:35;background:#02040c99;animation:.2s fadeIn;position:fixed;inset:0}:root[data-theme=light] .zoom-overlay{background:#10182859}.zoom-modal{border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--border-strong);width:min(1060px,94vw);max-height:92vh;box-shadow:var(--shadow-pop);z-index:36;animation:zoomIn .3s var(--ease-spring);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.zoom-modal:before{content:"";background:var(--brand-gradient);z-index:1;height:2px;position:absolute;inset:0 0 auto}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.zoom-head{border-bottom:1px solid var(--border);background:radial-gradient(420px 120px at 10% 0%, color-mix(in srgb, var(--brand-2) 10%, transparent), transparent 70%);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px 13px;display:flex}.zoom-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:18px;font-weight:650}.zoom-body{padding:16px 22px 6px;overflow-y:auto}.zoom-foot{color:var(--ink-3);padding:8px 22px 14px;font-size:10.5px}.panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#02040c8c;animation:.2s fadeIn;position:fixed;inset:0}:root[data-theme=light] .panel-overlay{background:#10182852}.detail-panel{border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--border-strong);width:min(480px,94vw);box-shadow:var(--shadow-pop);z-index:41;animation:slideIn .32s var(--ease-spring);flex-direction:column;display:flex;position:fixed;top:10px;bottom:10px;right:10px;overflow:hidden}.detail-panel:before{content:"";background:var(--brand-gradient);z-index:1;height:2px;position:absolute;inset:0 0 auto}@keyframes slideIn{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-head{border-bottom:1px solid var(--border);background:radial-gradient(420px 130px at 12% 0%, color-mix(in srgb, var(--brand-2) 12%, transparent), transparent 70%);padding:20px 24px 15px}.detail-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--brand-2);margin-bottom:4px;font-size:10px;font-weight:700}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 36px 2px 0;font-size:19px;font-weight:650}.detail-sub{color:var(--ink-3);font-size:11.5px}.detail-close{z-index:2;position:absolute;top:16px;right:16px}.detail-body{flex-direction:column;flex:1;gap:12px;padding:16px 24px 28px;display:flex;overflow-y:auto}.detail-kpis{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mini-kpi{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 13px;position:relative;overflow:hidden}.mini-kpi:before{content:"";background:var(--brand-gradient);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.mini-kpi .stat-label{white-space:normal}.mini-kpi .stat-value{font-size:18px}.detail-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.detail-section h4{margin:0 0 8px;font-size:12px;font-weight:650}.export-btn{background:var(--brand-gradient);color:#fff;font:inherit;border-radius:var(--radius-xs);cursor:pointer;box-shadow:0 8px 20px -10px var(--brand-glow);transition:transform .18s var(--ease-spring), box-shadow .2s;border:none;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.export-btn:hover{transform:translateY(-1px)}.export-btn svg{width:13px;height:13px}.data-table{border-collapse:collapse;width:100%;font-size:11.5px}.data-table th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-strong);background:var(--surface-solid);z-index:1;padding:6px 8px;font-size:9.5px;font-weight:700;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--ink-2);padding:6.5px 8px}.data-table td:first-child{color:var(--ink);font-weight:550}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--surface-1)}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(100deg, var(--surface-1) 40%, var(--surface-3) 50%, var(--surface-1) 60%);background-size:200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:110px;font-size:12px;display:flex}.empty-state svg{opacity:.55}.footer-note{text-align:center;color:var(--ink-3);margin-top:26px;font-size:10.5px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}
