:root{--bg: #f7fafc;--panel: #ffffff;--border: #c9d7e3;--text: #1f2933;--muted: #5b6b79;--accent: #2d6a8e;--accent-strong: #14324a;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f1720;--panel: #162029;--border: #2a3a47;--text: #e4edf3;--muted: #98a7b3;--accent: #7fb2cc;--accent-strong: #cfe3ef}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar h1{font-size:1rem;margin:0 0 1rem;color:var(--accent-strong)}.sidebar button{background:transparent;color:var(--text);border:1px solid transparent;text-align:left;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font:inherit}.sidebar button:hover{background:#2d6a8e14}.sidebar button.active{background:#2d6a8e1f;border-color:var(--accent);color:var(--accent-strong);font-weight:600}.main{padding:1.5rem 2rem;overflow-x:hidden}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.kpi .label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:1.6rem;font-weight:600;color:var(--accent-strong)}.data-error{background:#dc354514;border:1px solid rgba(220,53,69,.4);padding:.8rem 1rem;border-radius:6px;color:#9a2a33}.muted{color:var(--muted);font-size:.85rem}