@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #f8fafc;--bg-sunken: #f1f5f9;--bg-mesh: radial-gradient(at 0% 0%, rgba(99, 102, 241, .05) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(16, 185, 129, .04) 0px, transparent 50%);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--surface-hover: #f1f5f9;--overlay: rgba(15, 23, 42, .45);--glass: rgba(255, 255, 255, .78);--glass-border: rgba(226, 232, 240, .8);--glass-glow: rgba(99, 102, 241, .06);--glass-blur: blur(16px);--line: #e2e8f0;--line-strong: #cbd5e1;--line-accent: #c7d2fe;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--text: #0f172a;--text-1: #0f172a;--text-2: #475569;--text-3: #64748b;--text-on-accent:#ffffff;--accent: #4f46e5;--brand-primary: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-border: #c7d2fe;--accent-text: #4338ca;--accent-glow: rgba(79, 70, 229, .22);--accent-teal: #0f766e;--border-subtle: #e2e8f0;--pos: #047857;--state-pos: #047857;--pos-hover: #065f46;--pos-soft: #ecfdf5;--pos-border: #a7f3d0;--pos-glow: rgba(5, 150, 105, .2);--neg: #be123c;--state-neg: #be123c;--neg-hover: #9f1239;--neg-solid: #be123c;--neg-soft: #fff1f2;--neg-border: #fecdd3;--neg-glow: rgba(225, 29, 72, .2);--warn: #b45309;--state-warn: #b45309;--warn-hover: #92400e;--warn-soft: #fffbeb;--warn-border: #fde68a;--warn-glow: rgba(217, 119, 6, .2);--info: #0284c7;--state-info: #0284c7;--info-soft: #f0f9ff;--info-border: #bae6fd;--c1: #4f46e5;--c2: #059669;--c3: #d97706;--c4: #db2777;--c5: #0284c7;--c6: #7c3aed;--c7: #e11d48;--c8: #16a34a;--c9: #ea580c;--c10: #0891b2;--c11: #9333ea;--c12: #475569;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-1: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-2: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 6px -2px rgba(15, 23, 42, .04);--shadow-3: 0 12px 28px -4px rgba(15, 23, 42, .12), 0 6px 14px -4px rgba(15, 23, 42, .06);--shadow-glow: 0 0 24px -4px var(--accent-glow);--ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);--r-xs: 6px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--e-out: cubic-bezier(.16, 1, .3, 1);--e-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .12s;--t: .18s;--t-slow: .3s;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;--font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--rail: 256px;--rail-collapsed: 68px;--topbar: 60px;--copilot-width: 440px;--page-max: 1600px;--radius-xs: var(--r-xs);--radius-sm: var(--r-sm);--radius-md: var(--r);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-full: var(--r-full);--surface-primary: var(--surface);--surface-secondary: var(--surface-2);--surface-tertiary: var(--surface-3);--surface-panel: var(--surface)}[data-theme=dark]{color-scheme:dark;--bg: #090b10;--bg-sunken: #05070a;--bg-mesh: radial-gradient(at 0% 0%, rgba(99, 102, 241, .12) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(16, 185, 129, .08) 0px, transparent 50%);--surface: #111520;--surface-2: #161b28;--surface-3: #1d2436;--surface-hover: #1c2333;--overlay: rgba(3, 5, 10, .72);--glass: rgba(17, 21, 32, .75);--glass-border: rgba(255, 255, 255, .09);--glass-glow: rgba(99, 102, 241, .15);--glass-blur: blur(20px);--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--line-accent: rgba(99, 102, 241, .35);--text: #f8fafc;--text-1: #f8fafc;--text-2: #94a3b8;--text-3: #8695ab;--text-on-accent:#090b10;--accent: #6366f1;--brand-primary: #6366f1;--accent-hover: #818cf8;--accent-soft: rgba(99, 102, 241, .15);--accent-border: rgba(99, 102, 241, .35);--accent-text: #a5b4fc;--accent-glow: rgba(99, 102, 241, .35);--accent-teal: #14b8a6;--border-subtle: rgba(255, 255, 255, .07);--pos: #10b981;--state-pos: #10b981;--pos-hover: #34d399;--pos-soft: rgba(16, 185, 129, .14);--pos-border: rgba(16, 185, 129, .32);--pos-glow: rgba(16, 185, 129, .3);--neg: #f43f5e;--state-neg: #f43f5e;--neg-hover: #fb7185;--neg-solid: #c81e3f;--neg-soft: rgba(244, 63, 94, .14);--neg-border: rgba(244, 63, 94, .32);--neg-glow: rgba(244, 63, 94, .3);--warn: #f59e0b;--state-warn: #f59e0b;--warn-hover: #fbbf24;--warn-soft: rgba(245, 158, 11, .14);--warn-border: rgba(245, 158, 11, .32);--warn-glow: rgba(245, 158, 11, .3);--info: #38bdf8;--state-info: #38bdf8;--info-soft: rgba(56, 189, 248, .14);--info-border: rgba(56, 189, 248, .32);--c1: #818cf8;--c2: #34d399;--c3: #fbbf24;--c4: #f472b6;--c5: #38bdf8;--c6: #a78bfa;--c7: #fb7185;--c8: #4ade80;--c9: #fb923c;--c10: #22d3ee;--c11: #c084fc;--c12: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-1: 0 2px 4px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-2: 0 6px 18px -3px rgba(0, 0, 0, .6), 0 3px 8px -3px rgba(0, 0, 0, .4);--shadow-3: 0 16px 36px -6px rgba(0, 0, 0, .8), 0 8px 18px -4px rgba(0, 0, 0, .6);--shadow-glow: 0 0 32px -4px var(--accent-glow);--ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent)}@media(prefers-reduced-motion:reduce){:root{--t-fast: 1ms;--t: 1ms;--t-slow: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background-color:var(--bg);background-image:var(--bg-mesh);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text);line-height:1.25}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin-bottom:.5rem}p:last-child{margin-bottom:0}a{color:var(--accent-text);text-decoration:none;transition:color var(--t-fast) var(--e-out)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.tabular,.tabular-nums,[data-tabular]{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-size:12.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes pulse-beacon{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--pos-glow)}70%{transform:scale(1);box-shadow:0 0 0 8px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(15px,-15px) scale(1.08);opacity:.8}}.animate-fade-in{animation:fadeIn var(--t) var(--e-out) forwards}.animate-scale-in{animation:scaleIn var(--t-slow) var(--e-out) forwards}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out}.beacon-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pos);animation:pulse-beacon 2s infinite cubic-bezier(.4,0,.6,1)}.beacon-warn{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);animation:pulse-beacon 2s infinite cubic-bezier(.4,0,.6,1)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100vh;width:100vw;overflow:hidden;background-color:var(--bg);transition:grid-template-columns var(--t) var(--e-out);position:relative}.shell.rail-collapsed{grid-template-columns:var(--rail-collapsed) minmax(0,1fr)}.rail{grid-row:1 / -1;display:flex;flex-direction:column;height:100vh;max-height:100vh;min-height:0;overflow:hidden;background:var(--surface);border-right:1px solid var(--line);position:relative;z-index:40;user-select:none;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.rail-head{display:flex;align-items:center;justify-content:space-between;height:var(--topbar);padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.rail-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.03em}.rail-brand-icon{width:28px;height:28px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent) 0%,#38bdf8 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 16px -2px var(--accent-glow);flex-shrink:0}.rail-brand-version{font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);margin-left:-2px}.rail-scroll{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 10px 24px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.rail-scroll::-webkit-scrollbar{width:5px}.rail-scroll::-webkit-scrollbar-track{background:transparent}.rail-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-full)}.rail-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.rail-group{margin-bottom:20px}.rail-group-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:6px 12px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell.rail-collapsed .rail-group-label{opacity:0;height:0;padding:0;margin:0}.rail-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:var(--r);color:var(--text-2);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast) var(--e-out);position:relative;white-space:nowrap}.rail-item:hover{background:var(--surface-hover);color:var(--text)}.rail-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600;border-color:var(--accent-border)}.rail-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.rail-item-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--r-full);background:var(--neg-soft);color:var(--neg);border:1px solid var(--neg-border)}.rail-foot{padding:10px 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-shrink:0;min-width:0}.main{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative}.topbar{height:var(--topbar);background:var(--glass);border-bottom:1px solid var(--line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.topbar-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em;white-space:nowrap}.topbar-search-trigger{display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);color:var(--text-3);font-size:13px;cursor:pointer;transition:all var(--t-fast) var(--e-out);width:260px}.topbar-search-trigger:hover{border-color:var(--line-strong);color:var(--text-2);background:var(--surface)}.topbar-search-kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-3);border:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:12px}.copilot-trigger-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--accent) 0%,#38bdf8 100%);color:#fff;font-weight:600;font-size:13px;box-shadow:0 2px 10px -2px var(--accent-glow);transition:transform var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}.copilot-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px -2px var(--accent-glow)}.page-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 32px 60px;max-width:var(--page-max);width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-title{font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.page-subtitle{color:var(--text-2);font-size:14px;max-width:680px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden;transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);position:relative}.glass-card{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);position:relative}.glass-card:hover,.card:hover{border-color:var(--line-strong)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.card-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--text)}.card-sub{font-size:13px;color:var(--text-3);margin-top:2px}.card-body{padding:22px}.card-body.no-pad{padding:0}.stat-widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--t-fast) var(--e-out)}.stat-widget:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-2)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.stat-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-2)}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums}.stat-footer{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--text-3)}.stat-delta{display:inline-flex;align-items:center;gap:4px;font-weight:600;padding:2px 7px;border-radius:var(--r-full)}.stat-delta.pos{background:var(--pos-soft);color:var(--pos)}.stat-delta.neg{background:var(--neg-soft);color:var(--neg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast) var(--e-out);border:1px solid transparent;white-space:nowrap;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px 0 var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px 0 var(--accent-glow)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--neg-solid);color:#fff}.btn-danger:hover{background:var(--neg-hover)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--r-xs)}.btn-lg{padding:12px 24px;font-size:15px;border-radius:var(--r)}.badge,.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-full);line-height:1;background:var(--surface-3);color:var(--text-2);border:1px solid var(--line);white-space:nowrap;max-width:100%}.chip.tiny{font-size:10.5px;padding:2px 7px}.badge-pos,.chip-pos{background:var(--pos-soft);color:var(--pos);border:1px solid var(--pos-border)}.badge-neg,.chip-neg{background:var(--neg-soft);color:var(--neg);border:1px solid var(--neg-border)}.badge-warn,.chip-warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border)}.badge-accent,.chip-accent{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-border)}.table-wrapper{width:100%;overflow-x:auto}.terminal-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.terminal-table th{padding:10px 14px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.terminal-table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap}.terminal-table tbody tr{transition:background var(--t-fast) var(--e-out)}.terminal-table tbody tr:hover{background:var(--surface-hover)}.terminal-table.compact td{padding:6px 10px;font-size:12px}.terminal-table.spacious td{padding:16px 18px;font-size:14px}.drawer-backdrop{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;animation:fadeIn var(--t-fast) var(--e-out)}.drawer-panel{position:fixed;top:0;bottom:0;right:0;width:100%;max-width:580px;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-3);z-index:100;display:flex;flex-direction:column;animation:slideInRight var(--t-slow) var(--e-out)}.copilot-panel{max-width:var(--copilot-width)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-foot{padding:16px 24px;border-top:1px solid var(--line);flex-shrink:0;background:var(--surface-2)}.palette-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:120;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn var(--t-fast) var(--e-out)}.palette-box{width:100%;max-width:640px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-3);overflow:hidden;animation:scaleIn var(--t-fast) var(--e-out)}.palette-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.palette-input{flex:1;border:none;background:transparent;font-size:16px;font-weight:500;color:var(--text);outline:none}.palette-results{max-height:380px;overflow-y:auto;padding:8px}.palette-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r);cursor:pointer;color:var(--text-2);transition:all var(--t-fast) var(--e-out)}.palette-item.selected,.palette-item:hover{background:var(--accent-soft);color:var(--accent)}.palette-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--surface-2);border-top:1px solid var(--line);font-size:12px;color:var(--text-3)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.forecast-main-grid{display:grid;grid-template-columns:1fr minmax(320px,400px);gap:var(--space-4)}.loan-details-grid{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:var(--space-4)}.budget-trim-grid{margin-top:var(--space-4);display:grid;grid-template-columns:1fr 280px;gap:var(--space-6);align-items:center}.explore-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);min-height:400px}.mobile-menu-btn{display:none}@media(max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.forecast-main-grid,.loan-details-grid{grid-template-columns:1fr}.explore-grid{grid-template-columns:1fr!important}.explore-grid>*{grid-column:span 1!important}}@media(max-width:768px){.shell,.shell.rail-collapsed{grid-template-columns:1fr}.rail{display:none}.rail.drawer-open{display:flex;position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);height:100vh;max-height:100vh;min-height:0;overflow:hidden;z-index:100;box-shadow:var(--shadow-3);animation:slideInLeft .25s var(--e-out)}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.grid-4,.grid-3,.grid-2,.budget-trim-grid{grid-template-columns:1fr}.page-container{padding:16px}}@media(max-width:640px){.page-head{flex-direction:column;align-items:stretch;gap:12px}.topbar{padding:0 12px}.topbar-left{gap:10px}.topbar-search-trigger{width:auto;padding:6px 10px}.topbar-search-text{display:none}.topbar-right{gap:8px}.copilot-trigger-btn{padding:6px 10px}.copilot-trigger-text{display:none}}@media(max-width:480px){.page-container{padding:12px}.topbar-search-kbd{display:none}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.demo-banner{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px;font-weight:500;box-shadow:var(--shadow-sm)}.steps{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.step{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-sm);background:transparent;border:none;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}.step:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.step.on{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm)}.step.done{color:var(--text-2)}.step-dot{width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:all var(--t-fast)}.step.on .step-dot{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.step.done .step-dot{background:var(--pos-soft);color:var(--pos)}.step-link{flex:1;height:1px;background:var(--line);min-width:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter,.animate-fade-in{animation:pageEnter var(--t-fast) var(--e-out)}.h1{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.25;color:var(--text)}.h2{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.3;color:var(--text)}.h3{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35;color:var(--text)}.h4{font-family:var(--font-display);font-size:14px;font-weight:600;line-height:1.4;color:var(--text)}.lead{font-size:15px;color:var(--text-2);line-height:1.6}.muted,.text-muted,.text-3{color:var(--text-3)}.text-2{color:var(--text-2)}.tiny{font-size:11px}.small,.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:18px}.num,.tabular,.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.pos,.text-pos{color:var(--pos)}.neg,.text-neg{color:var(--neg)}.warn,.text-warn{color:var(--warn)}.brand,.text-accent,.text-brand{color:var(--accent-text)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.opacity-60{opacity:.6}.beacon-live,.beacon-warn,.beacon-neg{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;position:relative}.beacon-live{background:var(--pos);box-shadow:0 0 0 2px var(--pos-soft)}.beacon-warn{background:var(--warn);box-shadow:0 0 0 2px var(--warn-soft)}.beacon-neg{background:var(--neg);box-shadow:0 0 0 2px var(--neg-soft)}.input,.select{padding:8px 12px;font-size:13.5px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);outline:none;transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:var(--ring)}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2\.5{gap:10px}.gap-5{gap:20px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.pad{padding:var(--space-4)}.block{display:block}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.text-1{color:var(--text)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.font-mono{font-family:var(--font-mono)}.font-extrabold{font-weight:800}.measure{max-width:68ch}.kv{display:grid;grid-template-columns:1fr auto;row-gap:10px;column-gap:16px;margin:0}.kv dt{color:var(--text-3);font-size:13px}.kv dd{margin:0;text-align:right;font-size:13px}.btn.link,button.link{background:none;border:none;padding:0;height:auto;min-height:0;color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:none}.btn.link:hover,button.link:hover{text-decoration:underline;background:none}.btn-icon{padding:4px;width:28px;height:28px;min-width:28px;justify-content:center}.stat-value.sm{font-size:18px}.empty{text-align:center;padding:40px 20px}.badge-brand,.chip-brand{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-border)}.toasts-container{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px));pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:var(--shadow-3);animation:toastIn .22s var(--e-out)}.toast-pos{border-left-color:var(--pos)}.toast-neg{border-left-color:var(--neg)}.toast-warn{border-left-color:var(--warn)}.toast-acc{border-left-color:var(--accent)}.toast-icon-wrap{display:flex;flex-shrink:0;margin-top:1px;color:var(--accent)}.toast-pos .toast-icon-wrap{color:var(--pos)}.toast-neg .toast-icon-wrap{color:var(--neg)}.toast-warn .toast-icon-wrap{color:var(--warn)}.toast-body{flex:1;min-width:0}.toast-title{font-size:13.5px;font-weight:600;color:var(--text)}.toast-detail{font-size:12.5px;color:var(--text-2);margin-top:2px;overflow-wrap:anywhere}.toast-close-btn{flex-shrink:0;background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;border-radius:var(--r-xs);display:flex}.toast-close-btn:hover{color:var(--text);background:var(--surface-hover)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.drill-summary-bar{display:flex;flex-wrap:wrap;gap:20px;padding:12px 14px;margin-bottom:14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.drill-stat-item{display:flex;flex-direction:column;gap:2px}.drill-stat-label{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.drill-stat-value{font-size:15px;font-weight:700;color:var(--text)}.drill-table-container{max-height:calc(100vh - 260px);overflow-y:auto;border:1px solid var(--line);border-radius:var(--r)}.virtual-div-container{display:flex;flex-direction:column}.drill-row{display:grid;grid-template-columns:108px minmax(0,1fr) 130px 150px;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line);min-height:64px}.drill-row:last-child{border-bottom:none}.drill-row:hover{background:var(--surface-hover)}.drill-row.excluded{opacity:.5}.drill-col-date{display:flex;flex-direction:column;gap:2px;min-width:0}.drill-date-val{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.drill-acc-name{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-col-desc{min-width:0;display:flex;flex-direction:column;gap:4px}.drill-desc-text{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-desc-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.drill-cat-badge{font-size:10.5px;padding:1px 7px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);white-space:nowrap}.drill-role-tag{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.drill-col-amount{text-align:right}.drill-amount-val{font-size:13.5px;font-weight:700}.drill-col-action{display:flex;justify-content:flex-end}.drill-col-action select{max-width:100%}@media(max-width:720px){.drill-row{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:min-content}.drill-col-date{grid-row:1}.drill-col-amount{grid-row:1;grid-column:2}.drill-col-desc{grid-row:2;grid-column:1 / -1}.drill-col-action{grid-row:3;grid-column:1 / -1;justify-content:flex-start}}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--r);padding:28px 20px;text-align:center;background:var(--surface-2);cursor:pointer;transition:border-color var(--t-fast) var(--e-out),background var(--t-fast) var(--e-out)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.trace-box{margin-top:10px;max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);padding:8px 10px}.trace-row{display:flex;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-2);padding:2px 0;overflow-wrap:anywhere}.prepayment-lab{border-color:var(--accent-border)}.terminal-row{transition:background var(--t-fast) var(--e-out)}.terminal-row:hover{background:var(--surface-hover)}.account-trigger{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:5px 7px;border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--text);cursor:pointer;text-align:left;transition:background var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out)}.account-trigger:hover{background:var(--surface-hover);border-color:var(--line)}.shell.rail-collapsed .account-trigger{justify-content:center;padding:5px}.account-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover}.account-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-border);font-size:10.5px;font-weight:700;letter-spacing:.02em}.account-trigger-body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.account-name{font-size:12.5px;font-weight:600;color:var(--text)}.account-email{font-size:11px;color:var(--text-3)}.account-menu{position:fixed;z-index:1100;width:min(272px,calc(100vw - 24px));padding:6px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);animation:scaleIn var(--t-fast) var(--e-out);transform-origin:bottom left}.account-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.account-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:var(--r-sm);background:none;color:var(--text);font-size:13px;font-weight:500;text-align:left;cursor:pointer;text-decoration:none;transition:background var(--t-fast) var(--e-out)}.account-menu-item:hover{background:var(--surface-hover);color:var(--text)}.account-menu-item[disabled]{opacity:.55;cursor:not-allowed}.account-menu-item-danger{color:var(--neg)}.account-menu-item-danger:hover{background:var(--neg-soft);color:var(--neg)}.account-menu-rule{height:1px;background:var(--line);margin:4px 2px}.account-menu-confirm{padding:8px 10px 10px;border-radius:var(--r-sm);background:var(--neg-soft);border:1px solid var(--neg-border)}