@charset "UTF-8";
/* The hotel illustration is drawn locally in CSS: no remote image or font. */
:root{color-scheme:dark;--bg:#050816;--card:#0d1528;--cyan:#00c8ff;--purple:#a855f7;--text:#f8fafc;--muted:#a6b5cc;--line:#ffffff18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#40136a35,transparent 45%),radial-gradient(ellipse at 0% 45%,#006e8b20,transparent 50%),var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan)}button{color:inherit;border:1px solid var(--line);background:#ffffff06;border-radius:10px;padding:10px 15px;transition:background .18s,transform .18s}button:hover{background:#00c8ff18;border-color:#00c8ff70}button:disabled{cursor:default;opacity:.55}button:active{transform:translateY(1px)}header{max-width:1440px;margin:auto;padding:22px 4%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:white;font-size:21px;letter-spacing:2px;white-space:nowrap}.brand b{font-weight:400;color:var(--cyan)}.logo{font-size:32px;color:var(--cyan);text-shadow:8px 0 18px var(--purple);margin-right:8px}nav{display:flex;gap:4px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:14px}.tab{border:0;color:var(--muted)}.tab.active{background:#1c2b44;color:white}.badge{font-size:10px;letter-spacing:1.3px;color:#b7eaf9;border:1px solid #00c8ff30;border-radius:20px;padding:7px 11px;display:inline-block}main{max-width:1360px;margin:auto;padding:0 4%}.intro{padding:62px 0 36px;animation:arrive .6s ease-out}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2.5px;font-weight:650}h1{font-size:clamp(36px,4.7vw,66px);line-height:1.12;letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:#9edaff;background:linear-gradient(100deg,#a6ecff,#c58aff);background-clip:text;-webkit-text-fill-color:transparent}.intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.trust{display:flex;gap:24px;color:#a6b5cc;font-size:11px;margin-top:24px;flex-wrap:wrap}.trust span:first-child{color:#75dfc8}.workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#122039c9,#0b1023ef);border-radius:22px;box-shadow:0 25px 70px #0003;overflow:hidden}h2{font-size:24px;line-height:1.3;margin:10px 0}h3{font-size:16px;margin:0 0 16px}.muted,small{color:var(--muted)}.hotel-art{height:210px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#8428b855,transparent 60%),linear-gradient(#09172e,#13324c)}.moon{position:absolute;right:45px;top:25px;width:48px;height:48px;background:#badcff;border-radius:50%;box-shadow:0 0 55px #00c8ff66}.building{position:absolute;bottom:30px;left:14%;width:72%;height:125px;background:repeating-linear-gradient(90deg,transparent 0 24px,#101a30 24px 33px),repeating-linear-gradient(0deg,#bfa27c88 0 15px,#1a2c43 15px 27px);border-top:5px solid #80d4ef;transform:perspective(700px) rotateY(-14deg);box-shadow:0 0 40px #00c8ff20}.building span{position:absolute;top:-35px;letter-spacing:5px;font-size:12px;color:white}.pool{position:absolute;bottom:-12px;left:3%;width:94%;height:40px;background:#008da080;transform:skewX(-30deg);box-shadow:0 -2px 12px #00c8ff80}.hotel-content{padding:26px}.amenities{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.amenities span{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:4px 9px}.hotel-facts p{display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13px}.hotel-facts strong{color:var(--text);font-weight:500}.hotel-content small{font-size:11px}.chat-head{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.avatar{background:linear-gradient(130deg,#006887,#6330a0);border:1px solid #00c8ff60;border-radius:14px;padding:5px 14px;font-size:26px}.chat-head h2{font-size:16px;margin:0}.chat-head p{font-size:10px;color:var(--muted);margin:4px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71e3bf;margin-right:4px}.quiet{font-size:11px;background:transparent}.chat-head .quiet{margin-left:auto}.messages{height:290px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px;scrollbar-color:#34475f transparent}.bubble{padding:12px 15px;background:#18243b;border:1px solid var(--line);border-radius:3px 15px 15px;max-width:92%;align-self:flex-start;white-space:pre-line;font-size:13px;animation:arrive .2s ease-out;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:#153c52;border-color:#00c8ff35;border-radius:15px 3px 15px 15px}.bubble small{display:block;font-size:9px;letter-spacing:1px;color:#9fd7ea;margin-bottom:5px}.quick{padding:16px 20px 8px;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line)}.quick button{font-size:11px;padding:6px 10px}#composer{display:flex;gap:9px;padding:10px 20px}input{min-width:0;background:#060d1e;color:white;border:1px solid #53627b;border-radius:9px;padding:11px;width:100%}input:focus{border-color:var(--cyan)}.primary{background:linear-gradient(115deg,#006c92,#6540a4);border:1px solid #6e91b7;white-space:nowrap;font-size:12px;font-weight:650}.primary:hover{background:linear-gradient(115deg,#0084ab,#7d45bb)}.disclaimer{font-size:10px;color:var(--muted);padding:0 20px 15px;margin:0}.booking{padding:18px 24px;background:#070e1c;border-top:1px solid var(--line)}.booking-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.booking-heading h3{font-size:14px}.booking-heading span{font-size:10px;color:var(--muted)}.dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dates label{font-size:11px;color:var(--muted)}.dates input{display:block;margin:5px 0 12px}.room-options{display:grid;gap:8px}.room-choice{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:9px;font-size:12px;cursor:pointer}.room-choice input{width:16px;accent-color:var(--cyan)}.room-choice span{flex:1}.room-choice strong{font-size:12px;color:#a4e4ff}#booking-error{color:#ffb9b9;font-size:12px}#summary{padding-top:15px;font-size:13px}#summary button{margin:6px 8px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{padding:22px;background:#10203988;border:1px solid var(--line);border-radius:15px}.stat strong{font-size:28px;font-weight:500;display:block;color:#a9eaff}.stat span{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-card{padding:24px;min-width:0}.dash-card p{font-size:12px}.reservation,.stock{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.reservation strong,.stock strong{color:#b7e7ff}.status{display:inline-block;margin-top:6px;color:#8be8cd;font-size:11px}.cancelled{color:#d0b6e7}.dash-scroll{max-height:260px;overflow:auto;font-size:12px;overflow-wrap:anywhere}.dash-scroll p{padding:10px;background:#ffffff04;border-radius:8px}.dash-scroll li{padding:7px}.dashboard-grid ol{padding-left:20px}footer{padding:40px 0;display:flex;gap:20px;align-items:center;color:var(--muted);font-size:10px}footer>span{white-space:nowrap;letter-spacing:2px}footer p{max-width:460px}footer button{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){header{flex-wrap:wrap;gap:12px}header>.badge{margin-left:auto}.workspace{grid-template-columns:1fr 1.5fr}.hotel-content{padding:18px}.chat-head{padding:14px}.chat-head .quiet{padding:6px}.trust{gap:12px}}@media(max-width:720px){header{padding:14px 5%}nav{order:3;width:100%;justify-content:center;margin:0}.tab{flex:1;font-size:12px}header>.badge{font-size:8px;letter-spacing:.5px}.brand{font-size:16px}.logo{font-size:24px}main{padding:0 5%}.intro{padding:32px 0 24px}h1{letter-spacing:-1px}.intro>p:not(.eyebrow){font-size:13px}.trust{font-size:9px}.workspace{display:flex;flex-direction:column}.hotel,.chat{width:100%}.hotel-art{height:160px}.hotel-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.hotel-facts p{font-size:11px}.hotel-content{padding:20px}.amenities{margin:12px 0}.chat-head h2{font-size:14px}.chat-head p{font-size:9px}.avatar{padding:4px 10px}.messages{height:300px;padding:18px}.quick{padding:14px 14px 8px}#composer{padding:10px 14px}#composer input{font-size:12px}.primary{padding:10px}.booking{padding:16px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.dashboard-grid{grid-template-columns:1fr}.section-title{display:block}.section-title .badge{margin-top:12px}footer{flex-wrap:wrap;gap:8px}footer button{margin-left:0}.booking-heading{display:block}.booking-heading h3{margin-bottom:3px}.dates{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}