:root { color-scheme: dark; --bg:#0b0f14; --panel:#111820; --line:#24313d; --text:#e8eef5; --muted:#8fa2b5; --accent:#5eead4; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--bg); color:var(--text); }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border-bottom:1px solid var(--line); background:#0f151c; position:sticky; top:0; z-index:2; }
h1 { margin:0; font-size:24px; letter-spacing:0; }
h2 { margin:28px 0 12px; font-size:18px; }
p { margin:6px 0 0; color:var(--muted); }
main { padding:24px 28px 48px; }
.login { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login section { width:min(460px, 100%); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:28px; }
.button, button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 14px; border-radius:6px; border:1px solid #2f4858; background:#17313a; color:var(--text); text-decoration:none; font:inherit; cursor:pointer; margin-top:16px; }
button:hover, .button:hover { border-color:var(--accent); }
.login-form { display:grid; gap:14px; margin-top:20px; }
.login-form label { display:grid; gap:6px; color:#b8c7d6; font-size:13px; }
.login-form input { width:100%; min-height:38px; border-radius:6px; border:1px solid #2f4858; background:#0b1117; color:var(--text); padding:8px 10px; font:inherit; }
.login-form input:focus { outline:1px solid var(--accent); border-color:var(--accent); }
.notice { margin-top:18px; padding:14px; border:1px solid #6b5b2c; background:#211c10; border-radius:6px; color:#f7d98b; line-height:1.45; }
code { color:#b7f7ed; }
.muted { color:var(--muted); }
.stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; }
.stats article { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:16px; }
.stats strong { display:block; font-size:28px; }
.stats span { color:var(--muted); }
.tabs { display:flex; gap:8px; margin-top:24px; border-bottom:1px solid var(--line); }
.tab { margin:0; border-bottom-left-radius:0; border-bottom-right-radius:0; background:#101923; }
.tab.active { border-color:var(--accent); color:#b7f7ed; background:#17313a; }
.tab-panel { display:none; }
.tab-panel.active { display:block; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
table { width:100%; border-collapse:collapse; font-size:13px; }
th, td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
th { color:#b8c7d6; background:#14202a; }
tr:hover td { background:#14202a; }