@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Marcellus&display=swap";:root{color-scheme:dark;--bg: #04111b;--panel: #081b29;--panel-soft: #102535;--line: rgba(216, 179, 97, .32);--line-blue: rgba(149, 184, 202, .19);--gold: #e1b960;--gold-soft: #f0d193;--text: #f1f4f5;--muted: #98a9b4;--danger: #ff8f99;--ok: #64c77a;--warn: #d79b38;--bad: #df5e66}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{margin:0;background:radial-gradient(circle at top left,rgba(218,179,87,.14),transparent 34rem),linear-gradient(180deg,#061622 0%,var(--bg) 100%);color:var(--text);font:15px DM Sans,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.center{display:grid;min-height:100dvh;place-items:center;color:var(--gold)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--gold);font:1.35rem Marcellus,serif;letter-spacing:.16em;white-space:nowrap}.brand img{width:2.4rem;height:2.4rem;object-fit:contain}.brand.compact{font-size:clamp(1rem,4vw,1.2rem);letter-spacing:.13em}.brand.compact img{width:2.1rem;height:2.1rem}.brand.icon-only{justify-content:center;gap:0}.brand.icon-only img{width:2.45rem;height:2.45rem}.login{display:grid;min-height:100dvh;grid-template-columns:1fr;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.login-hero{display:none}.login-card{display:grid;width:min(100%,28rem);align-self:center;justify-self:center;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:1.4rem;background:#081b29e6;box-shadow:0 1rem 4rem #00000059}.login-card small,.hero small{color:var(--gold);font-weight:700;letter-spacing:.13em}.login h1,.hero h1,.sheet h2{margin:0;color:var(--gold-soft);font-family:Marcellus,serif;font-weight:400}.login h2{margin:0;color:var(--gold-soft);font:2.2rem Marcellus,serif}.login p,.hero p{margin:0;color:var(--muted);line-height:1.45}.login label{display:grid;gap:.45rem;color:#dce5e9}.login input{width:100%;min-height:3.1rem;border:1px solid var(--line-blue);border-radius:.9rem;background:#05131ef0;color:#fff;outline:none}.login input{padding:0 .9rem}.login input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e1b96021}.login button,.actions button,.icon,.logout,.room-main,.sheet-close{border:0;cursor:pointer}.login-card>button,.actions button{display:flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(225,185,96,.55);border-radius:1rem;background:#e1b96014;color:var(--gold-soft);font-weight:700}.login-card>button,.actions .primary{background:linear-gradient(135deg,#f2d081,#c9973e);color:#06141f}.error{color:var(--danger)}.shell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;min-height:4.5rem;padding:max(.6rem,env(safe-area-inset-top)) .9rem .65rem;border-bottom:1px solid var(--line);background:#04111beb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar .brand,.topbar .logout{position:absolute;top:50%;transform:translateY(-50%)}.topbar .brand{left:.9rem}.topbar .logout{right:.9rem}.user-strip{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .85rem;border-bottom:1px solid rgba(83,168,220,.55);background:#0f304985;color:#bcd6e6;font-size:.78rem;text-align:center}.user-strip strong{color:#fff;font-weight:700}.user-strip span{overflow:hidden;max-width:48vw;color:#8db9d2;text-overflow:ellipsis;white-space:nowrap}.hotel-id{display:grid;width:min(62vw,24rem);gap:.1rem;text-align:center}.hotel-id strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotel-id span{color:var(--gold);font-size:.78rem}.icon,.logout{display:inline-flex;min-width:2.9rem;min-height:2.9rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line-blue);border-radius:.95rem;background:#0b1e2deb;color:#fff}.topbar .logout span{display:none}svg{width:1.15rem;height:1.15rem}.shell main{display:grid;gap:1rem;width:min(100%,78rem);margin:0 auto;padding:1rem}.hero{display:grid;gap:.45rem}.hero h1{font-size:clamp(2rem,10vw,4rem);line-height:.95}.banner{padding:.9rem 1rem;border:1px solid rgba(255,143,153,.35);border-radius:1rem;background:#4b182380}.rooms{display:grid;gap:.85rem}.room-card{display:grid;gap:.85rem;padding:.9rem;border:1px solid var(--line-blue);border-radius:1.25rem;background:#091d2beb;box-shadow:0 1rem 2rem #0000002e}.room-card.cleaning{border-color:#d79b38b3}.room-card.maintenance{border-color:#df5e66a6}.room-main{display:grid;grid-template-columns:auto 1fr;gap:.8rem;width:100%;align-items:center;background:transparent;color:inherit;text-align:left}.room-main>span:nth-child(2){display:grid;gap:.2rem;min-width:0}.room-main strong{font:1.5rem Marcellus,serif;color:#fff}.room-main small,.room-card p,.empty span,.sheet dd{color:var(--muted)}.room-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:#e1b9601a;color:var(--gold)}.status{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--line-blue);border-radius:999px;background:#ffffff09;color:#d7e2e7;font-size:.8rem;font-weight:700}.room-main .status{grid-column:1 / -1}.status i{width:.55rem;height:.55rem;border-radius:999px;background:var(--ok)}.status-cleaning i{background:var(--warn)}.status-maintenance i{background:var(--bad)}.status-occupied i{background:var(--gold)}.room-card p{margin:0;line-height:1.35}.note{padding:.75rem;border-radius:.85rem;background:#ffffff0b}.actions{display:grid;gap:.55rem}.actions svg{flex:0 0 auto}.empty{display:grid;min-height:14rem;place-items:center;gap:.5rem;padding:2rem 1rem;border:1px dashed var(--line-blue);border-radius:1.25rem;color:var(--gold);text-align:center}.empty strong{color:#fff;font:1.5rem Marcellus,serif}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;align-items:end;background:#00000080}.sheet{position:relative;display:grid;gap:1rem;width:min(100%,36rem);max-height:calc(100dvh - 1rem);margin:0 auto;padding:1.15rem;padding-bottom:max(1.15rem,env(safe-area-inset-bottom));overflow:auto;border:1px solid var(--line);border-radius:1.5rem 1.5rem 0 0;background:#071925;box-shadow:0 -1rem 4rem #00000080}.sheet h2{font-size:2.2rem}.sheet-close{position:absolute;top:.8rem;right:.8rem;display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:.9rem;background:#ffffff0f;color:#fff}.sheet dl{display:grid;gap:.65rem;margin:0}.sheet dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line-blue)}.sheet dt{color:#fff;font-weight:700}.sheet dd{margin:0;text-align:right}.password-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-modal{display:grid;width:min(100%,28rem);gap:.9rem;padding:1.25rem;border:1px solid var(--line);border-radius:1.35rem;background:#071925;box-shadow:0 1.5rem 5rem #0000008c;text-align:center}.password-modal-icon{display:grid;width:3.4rem;height:3.4rem;margin:0 auto;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.password-modal h2{margin:0;color:var(--gold-soft);font:2rem Marcellus,serif}.password-modal p{margin:0;color:var(--muted);line-height:1.45}.password-modal label{display:grid;gap:.45rem;color:var(--gold-soft);text-align:left}.password-modal input{width:100%;min-height:3.1rem;padding:0 .9rem;border:1px solid var(--line-blue);border-radius:.9rem;background:#05131ef0;color:#fff;outline:none}.password-modal input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e1b96021}.password-modal button{min-height:3.25rem;border:1px solid rgba(225,185,96,.55);border-radius:1rem;background:linear-gradient(135deg,#f2d081,#c9973e);color:#06141f;font-weight:700}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:680px){.login{grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr);padding:0}.login-hero{display:grid;align-content:center;gap:.9rem;padding:4rem;border-right:1px solid var(--line);background:#071a28c2}.login-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:.95}.login-card .brand{display:none}.login-card .logout span{display:inline}.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.room-main .status{grid-column:auto;justify-self:end}.room-main{grid-template-columns:auto 1fr auto}.actions{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.topbar{padding-inline:1.5rem}.shell main{padding:1.5rem}.rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:380px){.hero h1{font-size:1.9rem}}