:root{--navy:#1e2761;--navy2:#2e3a8c;--ice:#cadcfc;--red:#c0392b;--redbg:#fbeaea;--green:#1e7b45;--greenbg:#e8f6ee;--grey:#64748b;--lightbg:#f4f6fb;--border:#d9deea}*{box-sizing:border-box}body{background:var(--lightbg);color:#1a1a2e;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;padding:22px 32px 18px}.topbar h1{margin:0;font-size:22px;font-weight:700}.topbar p{color:var(--ice);margin:4px 0 0;font-size:13px}.filters{border-bottom:1px solid var(--border);z-index:10;background:#fff;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:14px 32px;display:flex;position:sticky;top:0}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field label{color:var(--grey);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.filter-field select,.filter-field input{border:1px solid var(--border);background:#fff;border-radius:6px;min-width:140px;padding:7px 10px;font-size:13px}.preset-btns{gap:6px;display:flex}.preset-btn{border:1px solid var(--border);cursor:pointer;color:#1a1a2e;background:#fff;border-radius:6px;padding:7px 12px;font-size:13px}.preset-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.refresh-info{color:var(--grey);align-self:center;margin-left:auto;font-size:11.5px}.tabs{background:var(--lightbg);gap:4px;padding:14px 32px 0;display:flex}.tab-btn{color:var(--grey);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 16px;font-size:14px;font-weight:600}.tab-btn.active{color:var(--navy);border-bottom-color:var(--navy)}.content{padding:20px 32px 60px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi-card{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 1px 3px #141e3c14}.kpi-card .label{color:var(--grey);font-size:12px;font-weight:600}.kpi-card .value{color:var(--navy);margin:4px 0 6px;font-size:28px;font-weight:700}.kpi-card .delta{align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta.flat{color:var(--grey)}.panel{background:#fff;border-radius:10px;margin-bottom:18px;padding:18px 20px;box-shadow:0 1px 3px #141e3c14}.panel h3{color:var(--navy);margin:0 0 2px;font-size:15px}.panel .legend{color:var(--grey);border-left:3px solid var(--ice);margin:4px 0 14px;padding-left:10px;font-size:11.5px;line-height:1.5}.grid-2{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{text-align:left;background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.02em;padding:8px 10px;font-size:11.5px}table.data-table td{border-bottom:1px solid var(--border);padding:8px 10px}table.data-table tr:nth-child(2n) td{background:#f8f9fd}.badge-pos{color:var(--green);font-weight:700}.badge-neg{color:var(--red);font-weight:700}.badge-flat{color:var(--grey)}.state-msg{text-align:center;color:var(--grey);padding:40px}.error-box{background:var(--redbg);color:var(--red);border-radius:8px;padding:14px 18px;font-size:13px}.footer-note{color:var(--grey);padding:18px 32px 40px;font-size:11.5px}