@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--navy:#081a2b;--ink:#132033;--muted:#718096;--line:#e6ebf1;--soft:#f5f7fa;--white:#fff;--green:#1f9d6c;--green2:#157f56;--red:#c94d58;--shadow:0 18px 55px rgba(13,31,49,.10)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:DM Sans,sans-serif;color:var(--ink);background:#f6f8fa}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site{min-height:100vh}.site,.topbar{background:#fff}.topbar{border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand-logo{width:132px;height:auto;object-fit:contain}.nav-link{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px}.hero{background:linear-gradient(135deg,#081a2b,#0f2b44 65%,#123a54);color:#fff;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:70px;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#7790a7}.hero .eyebrow{color:#a8bfd2}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 22px}.hero-copy{max-width:650px;font-size:18px;line-height:1.7;color:#c9d7e3}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}.primary-btn{border:0;background:var(--green);color:#fff;border-radius:13px;padding:13px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;box-shadow:0 10px 22px rgba(31,157,108,.18)}.primary-btn:hover{background:var(--green2);transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.secure-note{display:flex;align-items:center;gap:7px;color:#c9d7e3;font-size:13px}.hero-card{display:flex;justify-content:center}.phone-preview{width:320px;background:#f7fafc;color:var(--ink);border:8px solid #12283b;border-radius:36px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.08em}.phone-top .brand-logo{width:88px}.phone-welcome{font:800 24px Manrope;margin-top:35px}.phone-preview>p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mini-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:7px}.mini-grid svg{color:var(--green)}.mini-grid b{font-size:12px}.mini-grid small{font-size:10px;color:var(--muted)}.feature-section{padding:90px 0}.feature-section h2{font:800 42px Manrope;margin:12px 0 30px;letter-spacing:-.035em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;box-shadow:0 8px 25px rgba(20,38,58,.04)}.feature-card svg{color:var(--green)}.feature-card h3{margin:25px 0 8px}.feature-card p{color:var(--muted);line-height:1.55;font-size:14px}.footer{background:var(--navy);color:#c7d5e0;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer .brand-logo{width:112px}.guest{min-height:100vh;background:#f6f8fa;padding-bottom:85px}.guest-hero{background:linear-gradient(135deg,#071827,#0d2a41);color:#fff;padding:26px 0 40px;border-radius:0 0 30px 30px}.guest-hero .brand-logo{width:120px;background:rgba(255,255,255,.96);padding:7px 11px;border-radius:10px}.room-chip{margin-top:25px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700}.guest-hero h1{font:800 36px Manrope;letter-spacing:-.035em;margin:22px 0 8px}.guest-hero p{margin:0;color:#bdccda;line-height:1.55}.guest-main{padding:28px 0}.guest-main h2{font:800 27px Manrope;margin:7px 0 20px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px}.service-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px;min-height:132px;transition:.18s;box-shadow:0 6px 20px rgba(10,30,50,.04)}.service-card:hover{transform:translateY(-2px);border-color:#cfd9e3;box-shadow:var(--shadow)}.service-card strong{display:block;margin-top:15px;font-size:14px}.service-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.35}.bottom em,.service-card em{position:absolute;top:10px;right:10px;background:var(--red);color:#fff;font-size:10px;font-style:normal;border-radius:99px;padding:2px 6px}.icon-box{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf8f3;color:var(--green)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 25px rgba(20,38,58,.04)}.stay-card{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.stay-card>div:first-child{display:flex;flex-direction:column;gap:5px}.stay-card strong{font:800 21px Manrope}.stay-card small,.stay-card span{font-size:12px;color:var(--muted)}.green{color:var(--green);display:flex;flex-direction:column;align-items:center;gap:3px}.developer-note{text-align:center;color:#8b98a6;font-size:12px;padding:28px 0 5px}.developer-note strong{color:#34475a}.bottom{position:fixed;z-index:30;left:50%;bottom:12px;transform:translateX(-50%);width:min(520px,calc(100% - 20px));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 50px rgba(10,25,40,.16)}.bottom button{position:relative;border:0;background:transparent;border-radius:13px;padding:9px 5px;color:#6c7b89;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.bottom button.active,.bottom button:hover{background:#edf8f3;color:var(--green)}.sheet-backdrop{position:fixed;inset:0;background:rgba(4,15,26,.5);z-index:100;display:flex;align-items:flex-end}.sheet{width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;margin:auto auto 0;box-shadow:0 -20px 70px rgba(0,0,0,.2)}.sheet-head{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2}.sheet-head h2{margin:4px 0 0;font:800 23px Manrope}.sheet-body{padding:20px}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#526477}.icon-btn:hover{background:var(--soft)}.menu-category{font:800 12px Manrope;text-transform:uppercase;letter-spacing:.1em;color:#7c8b99;margin:20px 0 9px}.menu-list{display:grid;grid-gap:9px;gap:9px}.menu-card{display:grid;grid-template-columns:78px 1fr auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:9px;background:#fff}.menu-card>img{width:78px;height:78px;border-radius:12px;object-fit:cover;background:#eef2f5}.menu-info h3{font-size:14px;margin:0 0 4px}.menu-info p{font-size:11px;color:var(--muted);margin:0 0 8px;line-height:1.35}.menu-info strong{font-size:14px}.qty{display:flex;align-items:center;gap:7px}.qty button{border:1px solid var(--line);background:#fff;width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.qty button:hover{border-color:#b8c6d3}.order-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.order-box label{font-size:12px;font-weight:700}.chat-compose input,.input,.order-box input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:0;margin-top:7px}.chat-compose input:focus,.input:focus,.order-box input:focus,textarea:focus{border-color:#9eb3c5;box-shadow:0 0 0 3px rgba(31,157,108,.08)}.order-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.order-total>div{display:flex;flex-direction:column}.order-total small{color:var(--muted)}.order-total b{font:800 24px Manrope}.payment-note{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0}.status{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;border-radius:99px;padding:5px 7px;background:#edf1f5;color:#607082;white-space:nowrap}.status.accepted,.status.received{background:#eef5ff;color:#3972aa}.status.in_progress,.status.preparing{background:#fff4dc;color:#a56b10}.status.ready{background:#eaf7f0;color:#278157}.status.completed,.status.delivered,.status.paid{background:#eaf7f0;color:#20805a}.status.cancelled{background:#fff0f0;color:#ad4c4c}.timeline-list{display:grid;grid-gap:9px;gap:9px}.timeline-item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;padding:12px}.timeline-icon{width:33px;height:33px;border-radius:10px;background:#edf8f3;color:var(--green);display:grid;place-items:center;flex:0 0 auto}.timeline-item>div:nth-child(2){min-width:0;flex:1 1}.timeline-item b{display:block;font-size:13px}.timeline-item small,.timeline-item span:not(.status){display:block;color:var(--muted);font-size:11px;margin-top:3px}.request-form{display:grid;grid-gap:12px;gap:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;background:#f1f4f7;border-radius:12px;padding:4px}.segmented button{border:0;background:transparent;border-radius:9px;padding:9px;font-size:11px;text-transform:capitalize}.segmented button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);font-weight:800}.request-form textarea,textarea{min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}.full{width:100%}.chat-wrap{gap:12px}.chat-feed,.chat-wrap{display:flex;flex-direction:column}.chat-feed{min-height:250px;max-height:52vh;overflow:auto;gap:8px}.bubble-row{display:flex;justify-content:flex-start}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:82%;background:#f1f4f7;padding:9px 11px;border-radius:14px 14px 14px 4px;font-size:12px}.bubble-row.mine .bubble{background:#eaf7f0;border-radius:14px 14px 4px 14px}.bubble small{display:block;color:#7d8a97;font-size:9px;margin-top:4px}.chat-compose{display:flex;gap:8px}.chat-compose input{margin:0}.primary-icon{width:44px;border:0;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.info-grid>div{border:1px solid var(--line);border-radius:13px;padding:14px}.info-grid p{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 0}.empty{text-align:center;border:1px dashed #d6dfe7;border-radius:15px;padding:25px;color:#4d6072}.empty p{color:var(--muted);font-size:12px;margin:7px 0 0}.toast{position:fixed;z-index:200;left:50%;bottom:90px;transform:translateX(-50%);background:#0a1c2d;color:#fff;border-radius:12px;padding:11px 14px;font-size:12px;box-shadow:var(--shadow)}.divider{height:1px;background:var(--line);margin:18px 0}.admin{min-height:100vh;display:flex;background:#f5f7fa}.admin-side{width:240px;background:var(--navy);color:#b9c8d4;padding:24px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.admin-side .brand-logo{width:115px;background:#fff;border-radius:9px;padding:6px 8px;margin:0 8px 26px}.staff-badge{display:flex;gap:7px;align-items:center;font-size:11px;background:rgba(31,157,108,.12);color:#79d3aa;border:1px solid rgba(31,157,108,.18);padding:9px 10px;border-radius:11px;margin-bottom:12px}.admin-side>button,.side-bottom button{border:0;background:transparent;color:#b9c8d4;display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:10px;text-align:left;font-weight:700;font-size:13px}.admin-side>button svg,.side-bottom svg{width:17px}.admin-side>button:hover,.side-active{background:rgba(255,255,255,.08)!important;color:#fff!important}.side-bottom{margin-top:auto;display:grid;grid-gap:4px;gap:4px}.admin-main{margin-left:240px;width:calc(100% - 240px);padding:28px}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:15px}.admin-header h1{font:800 31px Manrope;margin:5px 0 0}.header-actions{gap:8px}.header-actions,.search{display:flex;align-items:center}.search{gap:7px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 11px}.search input{border:0;outline:0;padding:10px;width:190px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 5px 18px rgba(20,38,58,.035)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-number{font-size:10px;font-weight:900;letter-spacing:.12em;color:#718096}.admin-card h3{font:800 17px Manrope;margin:14px 0}.order-lines{display:grid;grid-gap:6px;gap:6px}.order-lines>div{font-size:12px;color:#536577}.card-total,.order-lines>div{display:flex;justify-content:space-between}.card-total{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.card-total strong{font:800 20px Manrope}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.card-actions button{border:1px solid #d7e0e8;background:#fff;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px}.card-actions button:hover{background:#f5f8fa}.success-btn{color:var(--green);border-color:#b9e1cd!important}.paid{color:var(--green);font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.room-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;justify-content:space-between;align-items:center}.room-card h3{font:800 28px Manrope;margin:5px 0}.room-card p{font-size:11px;color:var(--muted);margin:0}.qr-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;display:flex;gap:5px;align-items:center;font-weight:800;font-size:11px}.qr-modal{position:fixed;inset:0;z-index:100;background:rgba(5,18,30,.65);display:grid;place-items:center;padding:20px}.qr-card{position:relative;background:#fff;border-radius:22px;padding:28px;text-align:center;width:min(370px,100%);display:flex;flex-direction:column;align-items:center;gap:13px}.qr-card .brand-logo{width:120px}.qr-card .close{position:absolute;right:12px;top:12px}.qr-card p{font-size:12px;color:var(--muted);margin:0}.admin-chat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px}.chat-admin{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px}.admin-login{min-height:100vh;background:linear-gradient(135deg,#071827,#12344b);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.login-card .brand-logo{width:125px;margin-bottom:25px}.login-card h1{font:800 30px Manrope;margin:8px 0}.login-card p{color:var(--muted);font-size:13px;line-height:1.55}.login-card .input{display:block;margin:9px 0}.error{background:#fff0f0;color:#a33f47;border:1px solid #f2caca;padding:9px;border-radius:10px;font-size:11px;margin:10px 0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-card{display:none}.admin-grid,.feature-grid,.service-grid{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:repeat(3,1fr)}.chat-admin{grid-template-columns:1fr}}@media(max-width:700px){.container{width:min(100% - 22px,600px)}.hero{padding:60px 0}.hero h1{font-size:43px}.feature-grid{grid-template-columns:1fr}.admin-side{position:static;width:100%;height:auto;padding:14px;display:block}.admin-side .brand-logo{margin-bottom:10px}.admin-side>button{display:inline-flex;margin:2px}.side-bottom{display:flex;margin-top:10px}.admin{display:block}.admin-main{margin:0;width:100%;padding:18px 12px}.admin-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.search{flex:1 1}.search input{width:100%}.admin-grid{grid-template-columns:1fr}.room-grid{grid-template-columns:1fr 1fr}.menu-card{grid-template-columns:66px 1fr auto}.menu-card>img{width:66px;height:66px}.menu-info p{font-size:10px}.info-grid{grid-template-columns:1fr}.sheet-body{padding:16px}.footer-inner{flex-direction:column;gap:10px}.footer .brand-logo{width:100px}}