:root{--bg: #0f131a;--panel: #171c26;--panel-2: #1d2431;--text: #e8ebf2;--muted: #8b93a7;--accent: #4f8cff;--up: #2ecc8f;--down: #ff5d5d;--border: #262d3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}main.dashboard{max-width:1080px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header h1{font-size:1.3rem;margin:0;flex:1}.muted{color:var(--muted);margin:4px 0}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;width:min(360px,100%)}.error{color:var(--down);margin:0}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:.9rem}button:hover{border-color:var(--accent)}button.logout{font-size:.8rem;padding:6px 10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card h2{font-size:1rem;margin:0 0 12px}.card .label{color:var(--muted);font-size:.8rem}.card .big{display:block;font-size:1.5rem;font-weight:700;margin-top:4px}.card .sub{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.up{color:var(--up)}.down{color:var(--down)}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.chart-header h2{margin:0}.range-picker{display:flex;gap:6px}.range-picker button{padding:5px 10px;font-size:.8rem;border-radius:999px}.range-picker button.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-card .scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}th,td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;font-size:.8rem}tr:last-child td{border-bottom:none}.stale-banner{background:#3a1f1f;border:1px solid #ff5d5d;color:#ffd0d0;border-radius:12px;padding:12px 16px;font-weight:600;font-size:.95rem}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.journal-grid{grid-template-columns:1fr}}@media(max-width:640px){.card .big{font-size:1.2rem}th,td{padding:6px 8px;font-size:.8rem}}