:root{color-scheme:dark;--bg:#07111f;--panel:#0e1b2d;--line:#1d3048;--cyan:#29d7e8;--green:#58e6a9;--text:#f3f7fb;--muted:#8ca0b8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 95% 0,#123555 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh;padding:env(safe-area-inset-top) 18px 96px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 2px 18px}small{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:800}h1{font-size:28px;margin:5px 0 0;letter-spacing:-.04em}header>span{font-size:12px;border:1px solid #2e526c;border-radius:999px;padding:8px 12px;color:var(--green);background:#10263a}.hero{background:linear-gradient(135deg,#14324d,#0d2135);border:1px solid #24445f;border-radius:24px;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 20px 60px #0005}.hero p,.hero span{display:block;color:var(--muted);font-size:12px;margin:0}.hero strong{display:block;font-size:32px;margin:8px 0 6px}.hero button,.card>span{border:0;border-radius:12px;background:var(--cyan);color:#03131a;padding:11px 13px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 26px}.stats article{background:#0c1929;border:1px solid var(--line);border-radius:16px;padding:14px}.stats b{font-size:22px;display:block}.stats span{font-size:10px;color:var(--muted)}h2{font-size:15px;margin:0 0 12px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:13px 5px}.actions i{display:grid;place-items:center;margin:auto auto 9px;width:34px;height:34px;border-radius:12px;background:#12334a;color:var(--cyan);font-style:normal;font-size:18px}.actions span{font-size:11px}.card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;background:linear-gradient(120deg,#10253a,#0b1a2b);border:1px solid var(--line);padding:18px;border-radius:20px}.card h3{margin:6px 0;font-size:16px}.card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.card>span{font-size:10px;white-space:nowrap}.admin{margin-top:18px}.hidden{display:none}nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#091523eF;border-top:1px solid var(--line);backdrop-filter:blur(16px);padding:10px 8px calc(10px + env(safe-area-inset-bottom))}nav button{background:none;border:0;color:#71879e;font-size:18px}nav span{font-size:9px;display:block;margin-top:4px}nav .active{color:var(--cyan)}@media(min-width:700px){body{max-width:560px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}nav{max-width:560px;margin:auto}}
.admin{border-top:1px solid var(--line);padding-top:22px}.admin h2{font-size:22px;margin-top:6px}.admin-stats{margin-bottom:14px}.admin-form{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr 110px;gap:10px}.admin-form label{font-size:10px;color:var(--muted)}.admin-form input{display:block;width:100%;margin-top:6px;background:#071321;border:1px solid #29435d;border-radius:10px;color:var(--text);padding:11px}.admin-form button{grid-column:1/-1;background:var(--cyan);border:0;border-radius:11px;padding:12px;font-weight:800;color:#04151b}.admin-form p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}.admin h3{font-size:13px;margin:20px 0 9px}.list{display:grid;gap:7px}.list article{display:flex;justify-content:space-between;align-items:center;background:#0b1828;border:1px solid var(--line);padding:11px 13px;border-radius:13px}.list b{font-size:12px}.list span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.list em{font-style:normal;color:var(--green);font-size:11px}
.health-card{display:flex;align-items:center;gap:11px;background:#0b1828;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:12px}.health-card>span{width:12px;height:12px;border-radius:50%;background:#fbbf5b;box-shadow:0 0 12px currentColor}.health-card>span.ok{background:var(--green)}.health-card>span.error{background:#ff6174}.health-card b{font-size:12px}.health-card small{display:block;margin-top:3px;color:var(--muted);letter-spacing:0;font-weight:400}