:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef2ff;background:#0a0f1f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17213b,#0a0f1f 42%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:26px 4vw;border-bottom:1px solid #26314f;background:#0c1224cc;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}h1,h2,p{margin:0}h1{font-size:28px}small{letter-spacing:.14em;color:#7f8aa8;font-weight:800}main{width:min(1400px,94vw);margin:28px auto 60px;display:grid;gap:18px}.panel{background:#11192e;border:1px solid #26314f;border-radius:20px;padding:22px;box-shadow:0 20px 50px #0004}.hero{display:flex;justify-content:space-between;align-items:center}.hero strong{display:block;font-size:22px}.hero span{color:#8791aa}.badge{padding:9px 14px;border-radius:999px;background:#3a4154}.badge.on{background:#123c2c;color:#7dffb5}.badge.off{background:#451b25;color:#ff9aaa}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.head p{color:#8791aa}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.slot{background:#0d1427;border:1px solid #2a3555;border-radius:16px;padding:14px;cursor:pointer;transition:.15s}.slot:hover{transform:translateY(-2px);border-color:#6477ff}.slot .n{font-size:24px;font-weight:900}.slot .room{font-weight:700;margin-top:7px}.slot .rfid{font-family:ui-monospace,monospace;color:#8e9ab7;font-size:12px;overflow:hidden;text-overflow:ellipsis}.state{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:8px;background:#222d49;font-size:11px}.grid2{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}label{display:block;color:#8f9ab4;margin:14px 0 6px;font-size:13px}input{width:100%;padding:12px 13px;border:1px solid #34415f;border-radius:11px;background:#0b1223;color:white;font-size:15px}button{border:1px solid #364260;background:#1a2540;color:#eff3ff;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.15)}button.primary{background:#5265ff;border-color:#5265ff}button.danger{background:#7a2331;border-color:#a53c4e}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}pre{white-space:pre-wrap;background:#09101f;border:1px solid #283452;padding:14px;border-radius:12px;min-height:115px;color:#b8c5ff}.result{margin-top:10px;color:#9eb0d0}.events{display:grid;gap:8px;max-height:430px;overflow:auto}.event{border-left:3px solid #5265ff;background:#0b1223;padding:10px 12px;border-radius:8px}.event b{display:block}.event span{color:#8693ad;font-size:12px}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:20}.hidden{display:none}.modalbox{width:min(460px,92vw);background:#121b31;border:1px solid #34415f;border-radius:20px;padding:24px}@media(max-width:850px){.slots{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.hero{align-items:flex-start;gap:24px}.head{align-items:flex-start;gap:16px}}
.version{font-size:12px;color:#8d9cff;vertical-align:middle}.headerRight{display:flex;align-items:center;gap:10px}.headerRight select{width:auto;min-width:240px}.muted{color:#8791aa;margin-top:6px}.physical{display:block;color:#68738d;font-size:10px;margin-top:5px}.auth{position:fixed;inset:0;background:#050914ee;display:grid;place-items:center;z-index:100}.auth.hidden{display:none}.authbox{width:min(460px,92vw);background:#11192e;border:1px solid #34415f;border-radius:22px;padding:26px;box-shadow:0 30px 80px #000a}.authbox p{color:#8791aa;margin:10px 0 16px}.error{color:#ff9aaa;margin-top:10px}.pairCode{font-family:ui-monospace,monospace;font-size:48px;font-weight:900;letter-spacing:.12em;text-align:center;padding:18px;background:#081121;border:1px solid #455789;border-radius:16px;margin:18px 0;color:#aeb8ff}.modalbox p{line-height:1.5}@media(max-width:850px){.headerRight{flex-wrap:wrap;justify-content:flex-end}.headerRight select{min-width:180px}}