:root{color-scheme:dark;--bg:#0b0d0e;--card:#15191c;--card2:#1b2024;--text:#f5f7f8;--muted:#8f9aa2;--line:#293036;--accent:#e9edf0;--danger:#ff6b6b;--ok:#48d597}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh}button,input{font:inherit}.topbar{height:88px;padding:calc(14px + env(safe-area-inset-top)) 20px 12px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(11,13,14,.96);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:25px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:700;margin-bottom:4px}.icon-button,.back{width:44px;height:44px;border:0;background:transparent;color:var(--text);font-size:32px;display:grid;place-items:center;text-decoration:none;border-radius:14px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:48px;width:260px;background:var(--card2);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #0008;overflow:hidden}.menu a{display:block;padding:16px 18px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}.menu a:last-child{border-bottom:0}.home-shell,.guest-shell{min-height:calc(100dvh - 88px);padding:24px 20px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.home-shell{justify-content:flex-start}.guest-shell{min-height:100dvh;justify-content:center}.status-card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 14px;margin-bottom:42px;font-size:14px}.status-dot{width:9px;height:9px;border-radius:50%;background:#6f7880}.status-dot.online{background:var(--ok);box-shadow:0 0 0 5px #48d59718}.status-dot.offline{background:#71777c}.door-button{width:min(72vw,310px);aspect-ratio:1;border-radius:50%;border:1px solid #343c42;background:radial-gradient(circle at 45% 35%,#272d32,#121619 68%);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:22px;font-weight:800;letter-spacing:.03em;box-shadow:0 22px 50px #0007,inset 0 0 0 8px #ffffff05;transition:.12s transform,.12s opacity}.door-button:active{transform:scale(.97)}.door-button:disabled{opacity:.36}.door-glyph{font-size:44px;font-weight:300}.door-button.guest{width:min(68vw,280px);margin:26px auto}.message{min-height:22px;color:var(--muted);font-size:14px}.centered{text-align:center;margin-top:24px}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.card,.guest-card{width:min(100%,680px);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}.login-card{max-width:420px;text-align:center}.brand-icon{width:64px;height:64px;border-radius:18px;background:var(--card2);border:1px solid var(--line);display:grid;place-items:center;font-size:34px;margin:0 auto 14px}.login-card h1,.guest-card h1{margin:6px 0 8px}.muted{color:var(--muted)}input{width:100%;background:#0f1214;border:1px solid var(--line);border-radius:14px;padding:14px 15px;color:var(--text);outline:none;margin-top:8px}input:focus{border-color:#59646c}label{display:block;color:#cbd2d7;font-size:14px;margin-bottom:16px}.primary,.secondary{border:0;border-radius:14px;padding:14px 16px;font-weight:750}.primary{background:var(--accent);color:#111}.secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}.full{width:100%;margin-top:8px}.page-shell{padding:22px 18px calc(30px + env(safe-area-inset-bottom));display:grid;gap:18px;justify-items:center}.card h2{margin-top:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.list{display:grid;gap:0}.list-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center}.list-row:last-child{border-bottom:0}.list-row small{display:block;color:var(--muted);margin-top:5px}.row-actions{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.pill{padding:5px 8px;border-radius:999px;font-size:11px;background:#343a3f;color:#cbd1d5}.pill.valid{background:#16392d;color:#79e0b4}.pill.early{background:#31331d;color:#ddd87b}.pill.revoked,.pill.expired{background:#392224;color:#e9a0a0}.text-danger{background:none;border:0;color:#ff8b8b;padding:4px}.timeline-row{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);margin-top:6px}.timeline-row p{margin:5px 0 0;color:var(--muted)}.status-line{display:flex;align-items:center;gap:10px;margin-bottom:16px}.guest-card{text-align:center;max-width:430px}.denied{margin:28px 0 8px;padding:20px;border-radius:16px;background:#321d20;border:1px solid #5a2e33;color:#ffb1b1;font-weight:750}
@media(max-width:620px){.two-cols{grid-template-columns:1fr}.topbar h1{font-size:21px}.list-row{align-items:flex-start}.row-actions{min-width:88px}}