:root { --bg:#0b1528; --fg:#e6eef8; --muted:#9fb3c8; --brand:#5ab0ff; --ok:#0dbb72; --bad:#ff5a7a; --card:#13233f; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,Segoe UI,Roboto,Arial}
a{color:var(--brand);text-decoration:none}
.container{max-width:1000px;margin:0 auto;padding:16px}
.topbar{background:#0f1d36;border-bottom:1px solid #1e335a}
.topbar .container{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700}
nav a{margin-left:16px}
.footer{margin-top:40px;border-top:1px solid #1e335a;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.card{background:var(--card);border:1px solid #1e335a;border-radius:12px;padding:16px}
.card-title{color:var(--muted);font-size:14px}
.card-value{font-size:28px;font-weight:700;margin-top:6px}
.table-wrap{overflow:auto;margin-top:12px}
.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid #1e335a;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #1e335a}
.table th{background:#0f1d36;text-align:left;color:var(--muted);font-weight:600}
.table td.num{text-align:right;font-variant-numeric:tabular-nums}
.table td.ok{color:var(--ok)}
.table td.bad{color:var(--bad)}
/* login */
.login-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(180deg,#0b1528,#08101f)}
.login-card{width:min(420px,96vw);background:var(--card);padding:24px;border-radius:16px;border:1px solid #1e335a}
.login-card h1{margin:0 0 12px}
.login-card label{display:block;margin:10px 0;color:var(--muted);font-size:14px}
.login-card input{width:100%;padding:10px;border-radius:10px;border:1px solid #1e335a;background:#0f1d36;color:var(--fg)}
.login-card button{margin-top:10px;width:100%;padding:10px;border-radius:10px;border:1px solid #1e335a;background:#1a3770;color:#fff;cursor:pointer}
.flashes{margin:8px 0}
.flash{padding:8px 10px;border-radius:10px;margin:6px 0}
.flash-ok{background:#0d3a2b;color:#b9f3d8}
.flash-error{background:#3a1620;color:#ffd0da}
.hint{margin-top:10px;color:var(--muted);font-size:13px}