:root{color-scheme:light;--surface-0: #fcfcfb;--surface-1: #ffffff;--border: #e3e2de;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #8a897f;--series-1: #2a78d6;--series-neg: #e34948;--neutral-mid: #f0efec;--good: #008300;--bad: #e34948}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-0: #1a1a19;--surface-1: #232322;--border: #3a3a37;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8a897f;--series-1: #3987e5;--series-neg: #e66767;--neutral-mid: #383835;--good: #35b435;--bad: #e66767}}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{padding:24px;max-width:1080px;margin:0 auto}h1{font-size:22px;margin:0 0 4px}h2{font-size:15px;margin:0 0 8px;color:var(--text-secondary);font-weight:600}a{color:var(--series-1)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px}.kpi-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 20px}.kpi{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1)}.kpi .label{font-size:12px;color:var(--text-muted)}.kpi .value{font-size:20px;font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 800px){.grid-2{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;border-bottom:2px solid var(--border);padding:8px;color:var(--text-secondary)}td{border-bottom:1px solid var(--border);padding:8px}.muted{color:var(--text-muted)}.pos{color:var(--good)}.neg{color:var(--bad)}button{background:var(--series-1);color:#fff;border:0;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}button.secondary{background:transparent;color:var(--series-1);border:1px solid var(--series-1)}button:disabled{opacity:.5;cursor:default}input,select{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:14px}label{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:4px}.tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.tabs button{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.tabs button.active{color:var(--series-1);border-color:var(--series-1)}.tooltip{position:absolute;pointer-events:none;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--text-primary);box-shadow:0 2px 8px #00000026;white-space:nowrap;z-index:10}
