:root{--ink: #101720;--ink-2: #2b3644;--paper: #f6f8fa;--panel: #ffffff;--panel-2: #f0f4f8;--line: #e2e8ef;--line-2: #eef2f6;--muted: #64748b;--muted-2: #92a1b3;--signal: #0e9e82;--signal-ink: #0a7562;--signal-wash: #e4f5f0;--pos: #0e9e82;--warn: #d9971f;--neg: #e5484d;--neg-wash: #fdeaea;--cost: #c3ccd8;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16, 23, 32, .04), 0 4px 16px rgba(16, 23, 32, .05);--shadow-sm: 0 1px 2px rgba(16, 23, 32, .06);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--rail: 232px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.app{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100%}.rail{position:sticky;top:0;align-self:start;height:100vh;background:var(--ink);color:#c8d2de;display:flex;flex-direction:column;padding:20px 14px;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(150deg,var(--signal),#14c79e);display:grid;place-items:center;color:#04211b;font-family:var(--font-display);font-weight:700;font-size:15px}.brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;color:#fff;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-sm);color:#9aa7b6;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0d;color:#e6ecf2}.nav-item.active{background:#0e9e8229;color:#fff}.nav-item .ic{width:17px;height:17px;flex:none;opacity:.9}.rail-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;font-size:12px;color:var(--muted-2)}.rail-foot b{color:#cdd7e1;font-weight:600}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:#f6f8fadb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;gap:18px}.topbar h1{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0;letter-spacing:-.015em}.topbar .sub{color:var(--muted);font-size:13px}.spacer{flex:1}.content{padding:24px 28px 56px;max-width:1320px;width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-h{display:flex;align-items:baseline;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-2)}.panel-h h3{font-family:var(--font-display);font-size:15px;font-weight:600;margin:0;letter-spacing:-.01em}.panel-b{padding:18px}.grid{display:grid;gap:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal);opacity:.85}.kpi.warn:before{background:var(--warn)}.kpi.neg:before{background:var(--neg)}.kpi .label{color:var(--muted);font-size:12.5px;font-weight:500}.kpi .value{font-family:var(--font-display);font-size:27px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.kpi .foot{color:var(--muted-2);font-size:12px;margin-top:3px}.ribbon{position:relative;height:8px;border-radius:5px;background:var(--signal);overflow:hidden;min-width:60px}.ribbon.warn{background:var(--warn)}.ribbon.neg{background:var(--neg)}.ribbon .cost{position:absolute;left:0;top:0;bottom:0;background:var(--cost)}.ribbon.neg .cost{background:#f2b6b8}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:500;color:var(--muted);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:default;position:sticky;top:0;background:var(--panel)}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--ink)}table.data th.r,table.data td.r{text-align:right}table.data td{padding:11px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap}table.data tr:hover td{background:var(--panel-2)}table.data td.name{font-weight:500;color:var(--ink);max-width:220px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:20px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.pill.pos{background:var(--signal-wash);color:var(--signal-ink);border-color:transparent}.pill.neg{background:var(--neg-wash);color:var(--neg);border-color:transparent}.pill.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.field{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);font:inherit;color:var(--ink);outline:none}.field:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}.btn{height:36px;padding:0 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--panel-2)}.btn.primary{background:var(--signal);border-color:var(--signal);color:#04211b;font-weight:600}.btn.primary:hover{background:var(--signal-ink)}.btn:disabled{opacity:.55;cursor:default}.searchbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.searchbar .field{flex:1;max-width:380px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.empty{padding:44px;text-align:center;color:var(--muted)}.spin{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--signal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;min-height:60vh}@media (max-width: 860px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.rail-foot,.brand{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}