:root{--bg: #0f1115;--panel: #181b22;--panel-2: #1f232c;--line: #2a2f3a;--ink: #e8eaed;--ink-dim: #9aa3b2;--accent: #5b8cff;--good: #46d39a;--warn: #f0b24b;--radius: 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:980px;margin:0 auto;padding:28px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.brand{font-weight:700;letter-spacing:.2px}.brand small{color:var(--ink-dim);font-weight:500;margin-left:8px}.muted{color:var(--ink-dim)}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}.input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px 14px;font-size:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.login{max-width:420px;margin:8vh auto 0}.login h1{font-size:22px;margin:0 0 6px}.login form{display:flex;flex-direction:column;gap:12px;margin-top:18px}.notice{margin-top:14px;font-size:14px}.notice.ok{color:var(--good)}.notice.err{color:var(--warn)}.period-toggle{display:inline-flex;gap:2px;padding:3px;margin-bottom:18px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.period-btn{background:transparent;color:var(--ink-dim);border:0;border-radius:9px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer}.period-btn.active{background:var(--accent);color:#fff}.period-btn:disabled{cursor:default}.period-btn:not(.active):not(:disabled):hover{color:var(--ink)}.hero{margin-bottom:22px}.hero .label{color:var(--ink-dim);font-size:14px;display:flex;align-items:center;gap:8px}.hero .value{font-size:44px;font-weight:800;margin:6px 0 4px;letter-spacing:-1px}.hero .delta{font-size:14px}.hero .delta.up{color:var(--good)}.hero .delta.down{color:var(--warn)}.hero .delta.flat{color:var(--ink-dim)}.hero .explainer{color:var(--ink-dim);font-size:13px;margin-top:8px;max-width:56ch}.info{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);color:var(--ink-dim);font-size:11px;cursor:help}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.tile .k{color:var(--ink-dim);font-size:13px}.tile .v{font-size:28px;font-weight:700;margin-top:4px}@media (max-width: 640px){.tiles{grid-template-columns:1fr}}.trend{margin-bottom:22px}.trend h2,.feed h2{font-size:15px;margin:0 0 12px;font-weight:600}.spark{width:100%;height:64px;display:block}.feed table{width:100%;border-collapse:collapse;font-size:14px}.feed th{text-align:left;color:var(--ink-dim);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}.feed td{padding:9px 10px;border-bottom:1px solid var(--line)}.pill{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim)}.pill.good{color:var(--good);border-color:#46d39a66}.pill.accent{color:var(--accent);border-color:#5b8cff66}.center{text-align:center;padding:48px 0;color:var(--ink-dim)}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:18px;color:var(--ink-dim);font-size:14px}