@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#101827;background:#f2f5f8;--navy:#102235;--blue:#0878f9;--gold:#f0c56a;--line:#e4eaf0}*{box-sizing:border-box}body{margin:0;background:#f3f6f9}.shell{max-width:1600px;margin:auto;padding:0}header.hero{min-height:96px;display:flex;align-items:center;gap:16px;padding:12px 28px;color:white;border-radius:0;margin:0;background:linear-gradient(100deg,#0d2134 0%,#142e48 52%,#102235 100%);position:relative;overflow:hidden;border-bottom:3px solid #d8aa50}header.hero:after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(90deg,transparent,#d8aa5010),url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=80') center 48%/cover;opacity:.52;pointer-events:none}.brandmark{z-index:1;width:100px;align-self:stretch;display:grid;place-items:center;font-size:52px;color:var(--gold);border-right:1px solid #ffffff22}.brand{z-index:1;flex:1}.brand h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,44px);letter-spacing:.02em;margin:0;color:#f5d48b}.eyebrow{font-size:10px;letter-spacing:.16em;color:#d7e4f2}.tagline{font-size:14px;color:white;margin-top:2px}#userbox{z-index:2;display:flex;align-items:center;gap:10px;font-size:13px}#userlabel{background:#071b30b8;border:1px solid #ffffff25;padding:10px 12px;border-radius:8px}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 99px)}aside{background:linear-gradient(180deg,#102235,#0b1928);color:#fff;display:flex;flex-direction:column;justify-content:space-between}#nav{display:flex;flex-direction:column;gap:4px;margin:0;padding:10px 0}#nav button{border-radius:0;background:transparent;color:#eaf1f8;text-align:left;padding:15px 18px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:14px;border-left:4px solid transparent}#nav button span{white-space:nowrap}#nav button.active{background:#0878f9;color:white;border-left-color:#6fc4ff}#nav button:hover{background:#ffffff12}#content{padding:20px 16px;min-width:0;overflow:hidden}.hidden{display:none!important}.panel,.card{background:white;border:1px solid #e7edf3;border-radius:10px;padding:18px;box-shadow:0 2px 10px #193b5b0a}h2{font-size:20px;margin:4px 0 16px;color:#111827}h3{margin:0 0 12px;font-size:16px}p{color:#627083}label{display:block;font-size:13px;font-weight:650;margin:14px 0}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d4dee8;border-radius:7px;background:#fff;margin-top:7px;font:inherit}button{border:0;border-radius:7px;padding:11px 15px;background:#0878f9;color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(.96)}button.secondary{background:#e6edf5;color:#15283b}.login{max-width:460px;margin:8vh auto}.login h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.stat{min-height:100px;color:white;border:0;position:relative;overflow:hidden}.stat:nth-child(1){background:linear-gradient(130deg,#0878f9,#1764d9)}.stat:nth-child(2){background:linear-gradient(130deg,#11a75a,#078648)}.stat:nth-child(3){background:linear-gradient(130deg,#ffac00,#f58a00)}.stat:nth-child(4){background:linear-gradient(130deg,#f13c46,#d91e32)}.stat span{display:block;font-size:13px;font-weight:700;opacity:.95}.stat strong{font-size:29px;display:block;margin-top:7px;color:white}.stat small{display:block;margin-top:4px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:14px}.roompanel{background:white;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:12px}.roomgrid{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:10px}.roomtile{border-radius:5px;text-align:center;padding:12px 3px;font-size:13px;font-weight:700;background:#70dda0;color:#103b28}.roomtile.occupied{background:#ff6570;color:#54141a}.roomtile.maintenance{background:#ffc94c;color:#4d3900}.roomtile.offline{background:#b5c0cc;color:#253242}.suites{display:grid;grid-template-columns:repeat(2,minmax(60px,1fr));gap:10px}.suite{padding:20px 4px;text-align:center;border-radius:5px;font-size:13px;font-weight:700;background:#70dda0}.suite.occupied{background:#ff6570}.suite.maintenance{background:#ffc94c}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin:12px 0;color:#344054}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.dot.available{background:#24b56b}.dot.occupied{background:#f04452}.dot.maintenance{background:#ffb31a}.dot.offline{background:#9aa7b5}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}form.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end;margin:14px 0}form.inline label{margin:0}form.inline button{margin-bottom:1px}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8edf3;font-size:13px}th{background:#f2f5f8;color:#344054}.msg{font-size:13px;min-height:18px;color:#a43d2b}.good{color:#11834b}.room{border:1px solid #e1e8ef;border-radius:10px;background:white;padding:15px}.pill{font-size:11px;background:#dcfce7;color:#166534;padding:4px 8px;border-radius:5px}.pill.occupied{background:#fee2e2;color:#991b1b}.pill.maintenance{background:#fef3c7;color:#92400e}.sidefoot{text-align:center;color:#d6e0eb;font-size:12px;padding:24px 10px}.sidefoot small{display:block;margin-top:8px;color:#8fa2b7}footer{text-align:center;color:#7b8d8f;font-size:12px;padding:22px}.activity{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:13px}.activity:last-child{border-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title small{color:#667085}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{background:#edf2f7;color:#475467}.tabs button.active{background:#0878f9;color:white}.login{box-shadow:0 10px 35px #193b5b12}@media(max-width:950px){.workspace{grid-template-columns:155px minmax(0,1fr)}#nav button{padding:13px 10px;gap:9px}.dashboard-layout{grid-template-columns:1fr}.roomgrid{grid-template-columns:repeat(4,minmax(42px,1fr))}.brandmark{width:64px;font-size:38px}.tagline{font-size:12px}}@media(max-width:620px){header.hero{padding:12px;gap:10px;align-items:center}.brandmark{width:42px;font-size:30px}.brand h1{font-size:23px}.eyebrow{font-size:8px}.tagline{font-size:10px}#userbox{flex-direction:column;align-items:flex-end}#userlabel{font-size:10px;padding:6px}.workspace{display:block}aside{position:sticky;top:0;z-index:5}#nav{flex-direction:row;overflow-x:auto;padding:5px;gap:3px}#nav button{white-space:nowrap;padding:10px 12px;border-left:0;border-bottom:3px solid transparent;font-size:12px}#nav button span{display:inline}#nav button.active{border-bottom-color:#6fc4ff}#content{padding:12px 9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.roomgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.roomtile{padding:10px 2px}.suites{grid-template-columns:repeat(2,1fr)}.sidefoot{display:none}.login{margin:20px auto}}.quickactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quickactions button{min-height:54px;line-height:1.35}@media(max-width:450px){.quickactions{grid-template-columns:1fr}}