:root{--accent: #0ea5a4;--accent-soft: rgba(14, 165, 164, .16);--accent-border: rgba(14, 165, 164, .22);--page-bg: #f4f7fb;--surface: #ffffff;--ink: #1c2635;--heading: #0f1728;--muted: #5f6e83;--sidebar-text: #223248;--sidebar-muted: #6b809d;--line: #dde5f1;--line-soft: #eef3fa;--table-head: #edf3fb;--table-hover: #e9f0fa;--success: #16a34a;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--warning: #d97706;--warning-soft: #ffedd5;--info-soft: #e0f2fe;--card-shadow: 0 8px 20px -10px rgb(2 12 27 / .18), 0 6px 12px -8px rgb(2 12 27 / .12);--header-shadow: 0 1px 0 rgb(14 26 47 / .06);--radius: 16px;--radius-sm: 8px;--sidebar-w: 260px;--header-h: 64px;--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--heading-font: "Sora", sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--page-bg);color:var(--ink);font-family:var(--font);line-height:1.5}button,input{font:inherit}h1,h2,h3,h4,h5{font-family:var(--heading-font);color:var(--heading);margin:0}a{color:var(--accent)}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(ellipse at top left,rgba(14,165,164,.12),transparent 45%),var(--page-bg)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:2rem 1.75rem 1.75rem}.brand-mark{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent);font-family:var(--heading-font);font-weight:700;font-size:1.15rem}.brand-mark .dot{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.85rem}.login-card h1{margin:1.25rem 0 .4rem;font-size:1.5rem;font-weight:600}.login-card .lede,.page-lede,.muted{color:var(--muted);margin:0}.form{display:grid;gap:.9rem;margin-top:1.4rem}.form label{display:grid;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--sidebar-text)}.form input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:.7rem .8rem;color:var(--ink)}.form input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:1.15rem .9rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:.3rem}.nav-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);font-weight:700;padding:.75rem .75rem .25rem}.nav-btn{width:100%;border:0;background:transparent;color:var(--sidebar-text);text-align:left;border-radius:10px;padding:.62rem .75rem;cursor:pointer;font-weight:600;font-size:.92rem}.nav-btn:hover{background:var(--line-soft);color:var(--accent)}.nav-btn.active{background:var(--accent);color:#fff}.sidebar-foot{margin-top:auto;padding:.85rem .75rem;border:1px dashed var(--accent-border);border-radius:12px}.sidebar-foot strong{display:block;font-size:.88rem;color:var(--heading)}.sidebar-foot span{display:block;color:var(--sidebar-muted);font-size:.78rem}.sidebar-foot .btn{display:inline-flex}.main{min-width:0}.topbar{height:var(--header-h);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:var(--header-shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.4rem;position:sticky;top:0;z-index:5}.topbar h1{font-size:1.05rem;font-weight:600}.topbar .sub{color:var(--muted);font-size:.8rem}.content{padding:1.35rem 1.4rem 2.5rem}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.15rem}.page-head h1{font-size:1.5rem;font-weight:600}.page-lede{margin-top:.35rem;font-size:.92rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{border:0;border-radius:var(--radius-sm);padding:.45rem 1rem;font-weight:500;cursor:pointer;background:var(--accent);color:#fff}.btn:disabled{opacity:.55;cursor:wait}.btn-outline{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn-ghost{background:#fff;color:var(--sidebar-text);border:1px solid var(--line)}.btn-sm{padding:.32rem .7rem;font-size:.8rem}.stat-row,.card-grid,.metric-grid{display:grid;gap:1rem}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr))}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.1rem 1.15rem 1.15rem}.card.clickable{width:100%;text-align:left;cursor:pointer;color:inherit}.card.clickable:hover{border-color:var(--accent-border)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem}.card-title{font-size:.92rem;font-weight:700}.stat-label,dt{color:var(--muted);font-size:.75rem;font-weight:600}.stat-value,.equity{margin:.15rem 0 0;font-family:var(--heading-font);font-weight:600;color:var(--heading)}.equity{font-size:1.55rem;margin:0 0 .85rem}.metric-grid dt{margin:0}.metric-grid dd{margin:.2rem 0 0;font-weight:600}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge.ok,.badge.success{background:var(--success-soft);color:var(--success)}.badge.bad,.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.info{background:var(--info-soft);color:#0369a1}.up{color:var(--success)}.down{color:var(--danger)}.flat{color:var(--ink)}.err{color:var(--danger);margin:.75rem 0 0;font-size:.88rem}.banner{background:var(--danger-soft);border:1px solid #fecaca;border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}.chart-card{margin-top:1rem}.ranges{display:flex;gap:.35rem;flex-wrap:wrap}.nav-chart{width:100%;display:block}.ref-line{stroke:#c9d6e8;stroke-dasharray:4 4}.chart-empty{min-height:80px;display:flex;align-items:center;color:var(--muted);font-size:.88rem}.compare-list{display:grid;gap:.85rem}.compare-row{display:grid;grid-template-columns:12rem 1fr;gap:.75rem;align-items:center;color:var(--muted);font-size:.85rem;font-weight:600}table{width:100%;border-collapse:collapse;font-size:.88rem}th{background:var(--table-head);color:var(--muted);text-align:left;font-size:.75rem;font-weight:700;padding:.6rem .5rem}td{padding:.65rem .5rem;border-bottom:1px solid var(--line-soft)}tr:hover td{background:var(--table-hover)}.checks{display:grid;gap:.55rem}.check{display:flex;gap:.65rem;align-items:center;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.check input{accent-color:var(--accent);width:1rem;height:1rem}.settings-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.stat-row,.compare-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.stat-row,.compare-row,.page-head{grid-template-columns:1fr;flex-direction:column;align-items:stretch}}