:root{--bg1:#070b16;--bg2:#091b2a;--card:#0e1627cc;--card2:#0b1220cc;--text:#ffffff;--muted:#b9c2d0;--line:#24324a;--blue:#3b82f6;--blue2:#1d4ed8;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% 30%,#0b1f3a 0%,transparent 55%),radial-gradient(900px 500px at 85% 70%,#0b3a2f 0%,transparent 55%),linear-gradient(135deg,var(--bg1),var(--bg2))}.bg{min-height:100vh;padding:24px}.container{max-width:1100px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 18px}.mini{font-size:13px;color:var(--muted);line-height:1.3}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pill{padding:8px 12px;border-radius:999px;font-size:13px;background:#0b1220;border:1px solid var(--line);color:var(--muted)}.pill.ok{border-color:#1d6f3a;color:#bfffd0}.pill.warn{border-color:#7a3a1d;color:#ffd7bf}.pill.demo{border-color:#2b3c5b;color:#d1dbff}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card2));border-radius:18px;box-shadow:0 18px 50px #00000059;padding:18px}.card.header{margin-bottom:14px}.card.big{padding:22px}.title{font-size:22px;font-weight:800}.subtitle{font-size:14px;color:var(--muted);margin-top:4px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:820px){.grid{grid-template-columns:1fr}}.apt{border:1px solid var(--line);background:#0a101e8c;border-radius:18px;padding:16px}.aptTop{display:flex;justify-content:space-between;gap:8px}.aptNum{font-size:18px;font-weight:900}.aptFloor{font-size:13px;color:var(--muted)}.aptName{margin-top:14px;color:#e8eefc;font-weight:600}.btn{border:1px solid var(--line);background:#0b1220;color:var(--text);padding:12px 14px;border-radius:14px;font-weight:800;cursor:pointer;transition:.15s transform ease,.15s opacity ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.9}.btn.full{width:100%;margin-top:14px}.btn.big{width:360px;max-width:92vw;padding:14px 16px;margin-top:16px}.btn.primary{background:linear-gradient(180deg,#2f6df3,#1e4ed8);border-color:#2b5cc8}.btn.success{background:linear-gradient(180deg,#19b35a,#138a44);border-color:#1c7a43}.btn.danger{background:linear-gradient(180deg,#ef4444,#b91c1c);border-color:#7f1d1d}.row{display:flex;gap:12px;justify-content:center;margin-top:14px;flex-wrap:wrap}.center{text-align:center}.h1{font-size:42px;font-weight:950;margin-top:18px}.h2{font-size:26px;font-weight:900}.p{color:var(--muted);margin-top:8px}.dim{opacity:.8}.hint{margin-top:14px;font-size:13px;color:var(--muted)}.hero{margin:80px auto 0;max-width:720px;padding:28px 20px 30px;text-align:center}.qrBox{width:130px;height:130px;margin:0 auto;border-radius:26px;border:2px solid #2b5cc8;background:#ffffff0d;display:flex;align-items:center;justify-content:center;position:relative}.qrIcon{width:92px;height:92px;border-radius:18px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:950}.cam{position:absolute;right:-10px;top:-10px;width:40px;height:40px;border-radius:999px;background:#2f6df3;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.12)}.shield{font-size:38px;margin-bottom:10px}.error{margin-top:16px;padding:10px 12px;border:1px solid #7f1d1d;border-radius:12px;background:#7f1d1d40;color:#ffd1d1;text-align:center}