:root{--navy: #002343;--navy-deep: #001a31;--panel: #0a3059;--panel-2: #0d3866;--accent: #2f8bff;--accent-soft: rgba(47, 139, 255, .16);--accent-text: #9dc4ff;--ok: #34d17f;--warn: #f0b445;--danger: #ff6a60;--bg: #002343;--card: #0a3059;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #e9f1fb;--muted: #90a6c6;--radius: 16px;--shadow: 0 8px 28px rgba(0, 10, 25, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#063b6b 0%,var(--navy) 55%)}.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px 26px;box-shadow:0 20px 60px #00081480}.auth-logo{width:60px;height:60px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:.5px;background:linear-gradient(135deg,var(--accent),#06305a)}.auth-title{text-align:center;font-size:20px;font-weight:700;margin:0 0 2px}.auth-sub{text-align:center;color:var(--muted);font-size:13px;margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1.5px solid var(--line-strong);border-radius:12px;font-size:15px;background:#ffffff0d;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.field input::placeholder,.field textarea::placeholder{color:#6f85a5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f8bff38;background:#ffffff14}.field select option{background:var(--panel);color:var(--text)}.field input[type=date],.field input[type=time]{color-scheme:dark}.btn{width:100%;padding:13px;border:none;border-radius:12px;font-size:15px;font-weight:700;background:var(--accent);color:#fff;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--accent)}.btn.subtle{background:var(--accent-soft);color:var(--accent-text)}.btn.danger{background:var(--danger)}.btn.sm{width:auto;padding:8px 14px;font-size:13px;border-radius:10px}.auth-switch{text-align:center;margin-top:16px;font-size:13.5px;color:var(--muted)}.auth-switch b{color:var(--accent);cursor:pointer}.msg{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}.msg.err{background:#ff6a6026;color:#ffb3ad}.msg.ok{background:#34d17f26;color:#9be9c1}.shell{min-height:100dvh;background:var(--bg);padding-bottom:76px}.topbar{position:sticky;top:0;z-index:20;background:var(--navy-deep);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:12px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.topbar .brand{font-weight:800;font-size:16px;letter-spacing:.3px}.topbar .spacer{flex:1}.topbar .who{font-size:12.5px;opacity:.85}.icon-btn{background:#ffffff1f;border:none;color:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.container{max-width:860px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 16px 16px}.page-title{font-size:18px;font-weight:700;margin:6px 2px 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:16px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--navy-deep);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav a,.bottomnav .navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted);font-size:11px;font-weight:600;border-radius:10px;background:none;border:none;font-family:inherit}.bottomnav a.active{color:var(--accent)}.bottomnav .navbtn:active{color:var(--danger)}.room-row,.booking-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.room-row:last-child,.booking-row:last-child{border-bottom:none}.dot{width:12px;height:12px;border-radius:4px;flex:none}.grow{flex:1;min-width:0}.r-name{font-weight:650;font-size:14.5px}.r-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}.pill.mine{background:#34d17f2e;color:#9be9c1}.seg{display:flex;gap:6px;background:#ffffff0f;padding:4px;border-radius:12px;margin-bottom:14px}.seg button{flex:1;border:none;background:transparent;padding:9px;border-radius:9px;font-weight:650;font-size:13px;color:var(--muted)}.seg button.active{background:var(--accent);color:#fff}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.fab{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:25;width:56px;height:56px;border-radius:18px;border:none;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px #2f8bff80}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:18px 4px 8px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00081499;z-index:50;display:grid;place-items:end center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{width:100%;max-width:520px;background:var(--panel-2);border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;padding:20px;max-height:92dvh;overflow:auto;box-shadow:0 -10px 40px #00081480}.sheet h3{margin:0 0 14px}.loading{display:grid;place-items:center;min-height:60dvh;color:var(--muted)}.spin{width:26px;height:26px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{font-size:11px;padding:2px 8px;border-radius:6px;font-weight:700}.tag.admin{background:#8b5cf638;color:#c4b5fd}.tag.pend{background:#f0b44533;color:#f5cd7f}.tag.off{background:#ffffff1a;color:#9fb0c9}.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cal-head .cal-month{flex:1;text-align:center;font-size:16px;font-weight:700;text-transform:capitalize}.cal-nav{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center}.status-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:2px 2px 9px;display:flex;align-items:center;gap:7px}.status-bar{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.status-bar::-webkit-scrollbar{display:none}.status-card{flex:none;width:168px;text-align:left;color:var(--text);position:relative;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:11px 12px;transition:border-color .12s,box-shadow .12s}.status-card:hover{border-color:var(--line-strong)}.status-card.active{box-shadow:0 0 0 2px var(--accent)}.status-card .sc-room{font-weight:700;font-size:13.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.status-card .sc-state{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px}.sc-state.free{background:#34d17f2e;color:#9be9c1}.sc-state.busy{background:#ff6a602e;color:#ffb3ad}.sc-live{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.sc-live.on{background:#34d17f;animation:livepulse 1.9s infinite}.sc-live.busy{background:#ff6a60;animation:livepulse 1.9s infinite}@keyframes livepulse{0%{box-shadow:0 0 #ffffff59}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.status-card .sc-sub{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.35;min-height:30px}.cal-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.room-chips{display:flex;gap:6px;overflow-x:auto;flex:1;padding-bottom:2px;scrollbar-width:none}.room-chips::-webkit-scrollbar{display:none}.room-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;border:1px solid var(--line-strong);background:var(--card);color:var(--text);padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:650}.room-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.room-chip .chip-dot{width:9px;height:9px;border-radius:50%;flex:none}.today-btn{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;border:1px solid var(--line-strong);background:var(--card);color:var(--text);padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700}.today-btn:disabled{opacity:.4;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-wd{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding-bottom:4px;text-transform:uppercase}.cal-wd.weekend{color:var(--accent-text)}.cal-cell{min-height:76px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:5px;display:flex;flex-direction:column;align-items:stretch;gap:3px;color:var(--text);position:relative;transition:border-color .12s,background .12s;overflow:hidden}.cal-cell:disabled{opacity:.3;cursor:default;background:transparent;border-color:transparent}.cal-cell.weekend{background:#ffffff09}.cal-cell:not(:disabled):hover{border-color:var(--accent);background:#2f8bff14}.cal-cell .d{font-size:13px;font-weight:650;line-height:1}.cal-cell.today{border-color:var(--accent)}.cal-cell.today .d{color:var(--accent)}.cal-count{margin-top:auto;font-size:10.5px;font-weight:700;color:#fff;background:var(--accent);border-radius:999px;padding:1px 7px;align-self:flex-start}.cal-dots{display:flex;gap:3px;flex-wrap:wrap}.cal-dots i{width:6px;height:6px;border-radius:50%;display:block}.cal-events{display:flex;flex-direction:column;gap:2px;width:100%;overflow:hidden}.cal-ev{font-size:9.5px;line-height:1.3;font-weight:600;color:var(--text);background:#ffffff0f;border-left:3px solid var(--accent);border-radius:4px;padding:1px 4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-ev .cal-ev-t{color:var(--accent-text);font-weight:800}.cal-more{font-size:9px;font-weight:700;color:var(--muted);padding-left:3px}@media (min-width: 640px){.cal-cell{min-height:92px}.cal-ev{font-size:10.5px}}.day-list-item{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.day-list-item:last-child{border-bottom:none}.time-badge{font-size:12px;font-weight:800;color:var(--accent-text);min-width:44px}