:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--border: #e2e1dc;--grid: #e8e7e3;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #6f6e69;--series-1: #2a78d6;--budget: #eb6834;--accent: #2a78d6;--accent-soft: #e6f0fc;--critical: #d03b3b;--warning-bg: #fff4d6;--warning-text: #6b4a00}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--border: #2f2f2c;--grid: #2c2c29;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #9a998f;--series-1: #3987e5;--budget: #d95926;--accent: #3987e5;--accent-soft: #1c2a3d;--critical: #e66767;--warning-bg: #3a2f12;--warning-text: #f5d58a}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-0);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:15px;line-height:1.6}h1,h2{margin:0;line-height:1.3}h1{font-size:18px}h2{font-size:16px}.muted{color:var(--text-muted)}.small{font-size:13px}.error{color:var(--critical)}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.btn{font:inherit;cursor:pointer;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.btn:hover{border-color:var(--text-muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.small{padding:4px 12px;font-size:13px}.btn:disabled{opacity:.6;cursor:default}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.login{width:100%;max-width:420px;display:grid;gap:16px;text-align:center}.login p{margin:0}.dev-login{border-top:1px dashed var(--border);padding-top:16px;display:grid;gap:8px;text-align:left}.dev-login p{margin:0}.row{display:flex;gap:8px}.row input{flex:1;min-width:0}input,select{font:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.page{max-width:1200px;margin:0 auto;padding:16px;display:grid;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.user{display:flex;align-items:center;gap:8px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filters label{display:flex;align-items:center;gap:6px}.filters label span{color:var(--text-secondary);font-size:13px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{font:inherit;font-size:13px;cursor:pointer;padding:6px 12px;border:0;background:var(--surface-1);color:var(--text-secondary)}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.caption{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning-text)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card{font:inherit;text-align:left;cursor:pointer;display:grid;gap:4px;padding:14px 16px;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:12px}.card:hover{border-color:var(--text-muted)}.card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card-label{font-size:13px;color:var(--text-secondary)}.card-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.card-sub{font-size:12px;color:var(--text-muted)}.chart-panel{display:grid;gap:12px}.chart-panel p{margin:0}.chart-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-head h2{margin-right:auto}.chart{height:320px}.legend{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.legend span{display:inline-flex;align-items:center;gap:6px}.key{display:inline-block}.key.bar{width:10px;height:10px;border-radius:2px}.key.line{width:16px;height:2px}.tooltip{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;box-shadow:0 2px 8px #0000001f}.tooltip-title{color:var(--text-secondary);margin-bottom:2px}.table-wrap{overflow-x:auto;max-height:360px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:6px 8px;border-bottom:1px solid var(--grid);text-align:left;white-space:nowrap}th{color:var(--text-secondary);font-weight:600;position:sticky;top:0;background:var(--surface-1)}td.num{text-align:right;font-variant-numeric:tabular-nums}tr.selected td{background:var(--accent-soft)}@media (max-width: 600px){.card-value{font-size:20px}.chart{height:260px}}