:root{--bg: #0b0f14;--surface: #121a23;--surface-2: #17222e;--border: #1f2c3a;--text: #e6edf3;--text-dim: #8899a9;--accent: #5eead4;--up: #4ade80;--down: #f87171}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,SF Pro Text,PingFang SC,system-ui,sans-serif}.loading{display:grid;place-items:center;height:100vh;color:var(--text-dim)}.login{display:grid;place-items:center;height:100vh}.login form{display:grid;gap:12px;width:260px}.login-logo{text-align:center;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.login input{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:15px;outline:none}.login input:focus{border-color:var(--accent)}.login button{background:var(--accent);color:#052e2b;border:0;border-radius:10px;padding:10px;font-size:15px;font-weight:600;cursor:pointer}.login button:active{transform:scale(.98);filter:brightness(.9)}.err{color:var(--down);text-align:center}.shell{max-width:880px;margin:0 auto;padding:20px 16px 48px}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 2px 18px;flex-wrap:wrap}header h1{font-size:20px;letter-spacing:.5px}.pub{color:var(--text-dim);font-size:12px}main{display:grid;gap:14px}footer{margin-top:28px;color:var(--text-dim);font-size:11px;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.card-name{font-size:16px;font-weight:650}.card-tags{color:var(--text-dim);font-size:12px}.card-empty{color:var(--text-dim);font-size:13px;padding:8px 0}.metric-row{display:grid;grid-template-columns:92px 1fr 130px 56px;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border)}.metric-row:first-of-type{border-top:0}.metric-label{color:var(--text-dim)}.metric-today{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.metric-today i{font-style:normal;font-size:10px;color:var(--text-dim);margin-left:6px}.spark{display:block}.spark-empty{color:var(--text-dim)}.delta{font-size:12px;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.delta.new{color:var(--accent)}.snapshot-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);margin-top:4px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.hours-switch{display:flex;gap:6px}.hours-switch button{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:2px 10px;font-size:12px;cursor:pointer}.hours-switch button.on{color:#052e2b;background:var(--accent);border-color:var(--accent)}.events{width:100%;border-collapse:collapse}.events th,.events td{text-align:left;padding:6px 8px;border-top:1px solid var(--border)}.events th{color:var(--text-dim);font-weight:500;font-size:12px;border-top:0}.events .num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:560px){.metric-row{grid-template-columns:72px 1fr 90px 48px}.metric-today{font-size:15px}}