:root{--bg:#4d4841;--card:#5a544b;--card2:#625c52;--line:#756d61;--text:#f5f0e7;--muted:#d0c7b8;--gold:#d9b86c;--green:#7fc49a;--red:#d9867a;--amber:#deb36b}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh}.wrap{max-width:720px;margin:auto;padding:14px 14px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 18px}.brandline{display:flex;align-items:center;gap:11px}.logo{width:45px;height:45px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:600 24px Georgia,serif}.brand{font-family:Georgia,serif;letter-spacing:3px;font-size:20px}.sub{font-size:11px;color:var(--muted);margin-top:2px}.btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:11px;padding:9px 12px;font-weight:600}.btn.primary{background:var(--gold);border-color:var(--gold);color:#3b352e}.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px}.stat .n{font:700 28px Georgia,serif}.stat .l{color:var(--muted);font-size:12px;margin-top:3px}.section{margin-top:15px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.section h2{font:600 18px Georgia,serif;margin:0;padding:15px 15px 9px}.section .inner{padding:0 15px 15px}.row{padding:11px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.title{font-weight:700}.meta{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;background:var(--card2);margin-left:5px}.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.room{padding:9px 3px;border-radius:10px;text-align:center;border:1px solid var(--line);font-size:12px}.room.free{background:rgba(127,196,154,.15)}.room.occupied{background:rgba(217,134,122,.17)}.room.cleaning{background:rgba(222,179,107,.15)}.room.maintenance{opacity:.6}.tabs{position:fixed;bottom:0;left:0;right:0;background:#403c36;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:10}.tabs .inside{width:min(720px,100%);display:grid;grid-template-columns:repeat(4,1fr)}.tab{padding:12px 4px 14px;text-align:center;color:var(--muted);font-size:11px;border:0;background:transparent}.tab.active{color:var(--gold);font-weight:700}.page{display:none}.page.active{display:block}.availability{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input{width:100%;background:#4b463f;border:1px solid var(--line);color:var(--text);padding:11px;border-radius:10px}.notice{background:rgba(217,184,108,.12);border:1px solid rgba(217,184,108,.4);padding:11px;border-radius:11px;color:#f5e7c5;font-size:13px}.error{background:rgba(217,134,122,.15);border:1px solid var(--red);padding:12px;border-radius:11px}.empty{color:var(--muted);padding:8px 0}.refresh{font-size:12px;color:var(--muted);text-align:center;margin:12px}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}.login-card h1{font:600 28px Georgia,serif;margin:8px 0 4px}.login-card label{display:block;color:var(--muted);font-size:12px;margin:14px 0 6px}.login-card .btn{width:100%;margin-top:18px}.check{display:flex;gap:9px;align-items:flex-start;margin-top:13px;color:var(--muted);font-size:12px}.check input{margin-top:2px}@media(min-width:600px){.grid4{grid-template-columns:repeat(4,1fr)}.rooms{grid-template-columns:repeat(8,1fr)}}.connection{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin:-4px 0 12px;font-size:12px}.connection.online{background:rgba(127,196,154,.12)}.connection.offline{background:rgba(217,134,122,.15);border-color:var(--red)}.conn-dot,.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block;flex:0 0 auto}.connection.offline .conn-dot{background:var(--red)}.system-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.system-line{display:flex;align-items:center;gap:10px}.system-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.system-details>div{background:rgba(0,0,0,.08);border-radius:10px;padding:9px}.system-details span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.system-details b{display:block;font-size:11px;line-height:1.35}.security-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.45;padding:4px 10px 10px}.login-security{font-size:10px;color:var(--muted);text-align:center;margin-top:16px;line-height:1.4}.btn:disabled{opacity:.55}@media(max-width:380px){.system-details{grid-template-columns:1fr}}