@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#ffe4b5,#f6f1e9 35%,#cfe0ff);color:#1a1a1a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center}.shell{width:min(880px,92vw);padding:48px 28px;display:grid;gap:28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;background:#ffffffd9;border:1px solid rgba(255,255,255,.6)}.hero{background:#121217;color:#f8f7f2;padding:28px;border-radius:20px;box-shadow:0 18px 40px #12121759}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#ffcc4d;color:#121217;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.badge.status-active{background:#dcfce7;color:#166534}.badge.status-ack-required{background:#ffedd5;color:#9a3412}.badge.status-alarmed{background:#fee2e2;color:#991b1b}.badge.status-ended{background:#e5e7eb;color:#374151}.subtitle{margin-top:12px;font-size:16px;color:#d9d8d3}.panel{background:#ffffffd9;border-radius:18px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)}.login-form{margin-top:12px;display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-weight:600;color:#1f2937}.login-form input{border:1px solid #cbd5f5;border-radius:12px;padding:10px 14px;font-size:15px}.login-form select{border:1px solid #cbd5f5;border-radius:12px;padding:10px 14px;font-size:15px;background:#fff}.toggle{display:flex;align-items:center;gap:10px;font-weight:500;color:#1f2937}.toggle input{width:16px;height:16px}.login-form button{width:fit-content}.error{background:#ffe0e0;color:#7a1f1f;padding:8px 12px;border-radius:12px;font-size:14px}.identity{display:grid;gap:12px;margin:16px 0}.label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.value{font-size:16px;font-weight:600;color:#111827}.countdown{margin-left:8px;font-size:14px;font-weight:500;color:#2563eb}.muted{color:#6b7280}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.panel-head h2{margin:0}.meta{font-size:14px;color:#4b5563}.actions{margin-top:18px;display:grid;gap:12px}button{background:#121217;color:#f8f7f2;border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #12121733}button:disabled{opacity:.6;cursor:default}.ghost{background:transparent;color:#121217;border:1px solid #121217}.status{font-size:15px;padding:10px 14px;border-radius:12px;background:#f4f1eb}.status.ok{background:#d9f6d6;color:#1d5f2a}.status.error{background:#ffe0e0;color:#7a1f1f}.status.loading{background:#fff2d5;color:#7a4a00}.primary{background:#2563eb;color:#f8f7f2}.ack{font-size:18px;padding:14px 26px;box-shadow:0 10px 25px #2563eb59}.reconnect{border:1px dashed #f59e0b;background:#fff4d6cc}.last-updated{margin-top:6px;font-size:12px;color:#7a4a00}@media (max-width: 600px){.shell{padding:32px 18px}.panel-head{flex-direction:column;align-items:flex-start}}