:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#07111f;color:#e8eef8}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 18px}.card,.metric{background:#0d1a2b;border:1px solid #203a55;border-radius:14px;padding:20px;margin:18px 0}.login{max-width:440px;margin:9vh auto}.login h1,header h1{margin:0 0 6px}label{display:block;margin:14px 0;color:#b8c9da}input{display:block;width:100%;margin-top:6px;padding:11px;border-radius:8px;border:1px solid #36516f;background:#07111f;color:#fff}button{border:0;border-radius:8px;padding:11px 16px;background:#66e1c4;color:#08221c;font-weight:700;cursor:pointer}.quiet{background:#18304b;color:#e8eef8}header{display:flex;justify-content:space-between;align-items:start}.notice{display:flex;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #2e8074;background:#0c2927;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric small{display:block;color:#aac0d7}.metric strong{display:block;font-size:1.25rem;color:#75e7cc;margin-top:5px}.hint{color:#9db1c8}.error{color:#ff9fa7}dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px}dt{color:#9db1c8}dd{margin:0}@media(max-width:600px){.grid{grid-template-columns:1fr}header{gap:12px}}
:root{--ok:#57db81;--warn:#f5cb5c;--bad:#f27b86}.freshness{display:flex;align-items:center;gap:8px;margin:0 0 16px}.freshness strong{font-size:1rem;margin:0}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.green{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.yellow{background:var(--warn);box-shadow:0 0 8px var(--warn)}.dot.red{background:var(--bad);box-shadow:0 0 8px var(--bad)}