:root{--base: #101f39;--stage-top: #142a4b;--topbar: #142643;--topbar-line: #314866;--surface: #1a2e4e;--surface-hi: #213e65;--soft: #233d62;--strip: #263f64;--field: #13284a;--ink: #edf3ff;--muted: #b4c6e0;--line: #354e72;--line-hi: #3c567c;--shadow: #030d2033;--brand: #a8c9ff;--brand-text: #102442;--success: #8ee3c2;--success-bg: #193d3c;--danger: #ffbebc;--danger-bg: #472f3d;--pending: #f2d58c;--pending-bg: #3d3420;--banner-1: #233d62;--banner-1-ink: #d6e6ff;--banner-2: #3d3420;--banner-2-ink: #f2d58c;--banner-3: #43301f;--banner-3-ink: #ffc896;--banner-4: #472f3d;--banner-4-ink: #ffbebc;--radius: 34px;--radius-panel: 24px;--emboss: .055;--rail-top: #ffffff;--rail-bottom: #edf3fc;--rail-line: #dce5f2;--rail-ink: #183454;--rail-sub: #506785;--rail-active: #dde9fa;--rail-active-ink: #1c4e91;--rail-bar: #3a69b0;--rail-mark: #4069a5;--search-bg: #f5f8fe;--search-ink: #19314f;--search-line: #d1def1;--search-btn: #315ea2;--search-ph: #607693;--guest-default: #5f8fd6;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--base);color:var(--ink);font-family:Segoe UI,Tajawal,Tahoma,system-ui,sans-serif;line-height:1.6}button{font:inherit;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brand);color:var(--brand-text);border-color:var(--brand);font-weight:600}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 70%,transparent);outline-offset:2px}svg.icon{width:18px;height:18px;flex-shrink:0}svg.icon.inline{width:14px;height:14px;vertical-align:-2px}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:100vh}.sidebar{color-scheme:light;color:var(--rail-ink);border-inline-end:1px solid var(--rail-line);padding:30px 16px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;overflow-x:hidden;overflow-y:auto;--rings: transparent 0 139px, #6684b330 139px 140px, #6684b30a 140px 168px, #6684b308 168px 195px, transparent 195px;background:radial-gradient(circle at 0 100%,var(--rings)),linear-gradient(155deg,var(--rail-top),var(--rail-bottom))}[dir=rtl] .sidebar{background:radial-gradient(circle at 100% 100%,var(--rings)),linear-gradient(155deg,var(--rail-top),var(--rail-bottom))}.brandmark{width:32px;height:2px;background:var(--rail-mark);margin-bottom:18px}.wordmark{font-size:32px;font-weight:500;letter-spacing:4px;line-height:1.1}.brandname{font-size:11px;letter-spacing:1.2px;color:var(--rail-sub);margin-top:10px;direction:ltr;text-align:left;line-height:1.5}[dir=rtl] .brandname{text-align:right}.sidenav{display:grid;gap:4px;position:relative;z-index:1}.navbtn{display:flex;align-items:center;gap:11px;min-height:44px;padding:11px;border:0;border-radius:13px;background:transparent;color:var(--rail-sub);text-decoration:none;text-align:start;font-size:14px;line-height:1.35;cursor:pointer;width:100%;justify-content:flex-start}.navbtn:hover{background:#dde9fa80;color:var(--rail-ink)}.navbtn[aria-current=page]{background:var(--rail-active);color:var(--rail-active-ink);border-inline-start:3px solid var(--rail-bar);padding-inline-start:8px;font-weight:600}.sidebar :focus-visible{outline-color:var(--search-btn)}.sidebar .account{margin-top:auto;font-size:12px;color:var(--rail-sub);line-height:1.6;display:grid;gap:6px;position:relative;z-index:1}.sidebar .account .who{color:var(--rail-ink);overflow-wrap:anywhere}.sidebar .account .navbtn{font-size:13px;min-height:40px;padding:8px 11px}.work{position:relative;min-width:0;display:flex;flex-direction:column;isolation:isolate;background:linear-gradient(150deg,var(--stage-top),var(--base) 68%)}.work:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 95% 2%,transparent 0 57px,var(--brand) 58px 59px,transparent 60px 87px);opacity:var(--emboss)}[dir=ltr] .work:before{background:repeating-radial-gradient(ellipse at 5% 2%,transparent 0 57px,var(--brand) 58px 59px,transparent 60px 87px)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;min-height:80px;border-bottom:1px solid var(--topbar-line);background:var(--topbar)}.hotelname{font-size:12px;letter-spacing:1px;color:var(--muted)}.context{font-size:15px}.topaccount{display:flex;gap:10px;align-items:center;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--brand);display:grid;place-items:center;flex-shrink:0;font-weight:600}.topaccount .sub{line-height:1.4}.banner{position:relative;margin:14px 28px 0;padding:12px 16px;border-radius:14px;font-size:13px}.banner[data-level="1"]{background:var(--banner-1);color:var(--banner-1-ink)}.banner[data-level="2"]{background:var(--banner-2);color:var(--banner-2-ink)}.banner[data-level="3"]{background:var(--banner-3);color:var(--banner-3-ink)}.banner[data-level="4"]{background:var(--banner-4);color:var(--banner-4-ink);font-weight:600}.page{padding:26px 28px 32px;position:relative;flex:1}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.eyebrow{color:var(--brand);font-size:11px;letter-spacing:2px;direction:ltr;text-align:start;margin-bottom:10px}[dir=rtl] .eyebrow{text-align:right}.restaurant{font-size:26px;font-weight:500;letter-spacing:-.3px;margin:0;line-height:1.3}.meal{font-size:13px;color:var(--muted);margin-top:4px}.mealpill{padding:8px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px}.connection{font-size:12px;color:var(--muted);display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.connection span{display:inline-flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.dot.off{background:var(--danger)}.search{color-scheme:light;display:flex;gap:12px;align-items:center;margin-bottom:22px;padding:8px;padding-inline-start:16px;background:var(--search-bg);color:var(--search-ink);border:1px solid var(--search-line);border-radius:20px;box-shadow:0 4px 18px var(--shadow)}.searchfield{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:var(--search-btn)}.searchfield input{flex:1;width:100%;min-width:0;border:0;padding:10px 0;background:transparent;color:var(--search-ink);font:inherit;font-size:18px}.searchfield input::placeholder{color:var(--search-ph);opacity:1}.searchfield input:focus{outline:none}.search:focus-within{outline:3px solid color-mix(in srgb,var(--brand) 70%,transparent);outline-offset:2px}.search button.primary{background:var(--search-btn);color:#fff;border-color:var(--search-btn)}.search button:focus-visible{outline-color:var(--search-btn)}.welcome{border-radius:var(--radius);padding:34px 28px;background:linear-gradient(135deg,var(--surface-hi),var(--surface));border:1px solid var(--line-hi);box-shadow:0 12px 34px var(--shadow);position:relative;overflow:hidden;min-height:240px;display:grid;grid-template-columns:1fr 150px;gap:24px;align-items:center}.welcome:before{content:"";width:360px;height:360px;position:absolute;inset-inline-end:-190px;top:-100px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 36px var(--soft),0 0 0 37px var(--line),0 0 0 74px var(--surface),0 0 0 75px var(--line);opacity:.4;pointer-events:none}.welcomecontent{position:relative;z-index:1}.welcome h2{font-size:25px;font-weight:500;margin:0 0 10px}.welcome p{font-size:13px;color:var(--muted);margin:0}.quietline{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--muted);font-size:12px}.quietline:before{content:"";width:30px;height:1px;background:var(--line)}.scanmark{width:86px;height:86px;border-radius:26px;background:#2b4871;color:#c1d8ff;display:grid;place-items:center;justify-self:center;transform:rotate(-8deg);box-shadow:0 9px 30px var(--shadow);position:relative;z-index:1}.scanmark svg{width:34px;height:34px;transform:rotate(8deg)}.overview{padding-top:22px}.sectionlabel{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;margin-bottom:14px;color:var(--muted)}.sectionlabel small{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric{background:#192e4d;border:1px solid var(--line);border-radius:21px;padding:20px;min-width:0}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:30px;font-weight:500;line-height:1.2;margin:8px 0;font-variant-numeric:tabular-nums}.metric-detail{font-size:11px;color:var(--muted);line-height:1.8}.track{height:4px;background:var(--soft);border-radius:8px;overflow:hidden;margin-top:14px}.track span{display:block;height:100%;background:var(--brand);border-radius:8px}.overviewfoot{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.warn{color:var(--pending)}.resultlayout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.roomcard{--guest-color: var(--guest-default);background:color-mix(in srgb,var(--guest-color) 10%,var(--surface));border:1px solid var(--line);border-inline-start:5px solid var(--guest-color);border-radius:var(--radius);box-shadow:0 10px 35px var(--shadow);overflow:hidden;min-height:320px;display:flex;flex-direction:column}.roomhead{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:13px 24px;font-size:13px;background:color-mix(in srgb,var(--guest-color) 18%,var(--strip));border-bottom:1px solid var(--line);color:var(--brand)}.roombody{padding:24px;display:flex;flex-direction:column;gap:18px;flex:1}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{font-size:12px;padding:4px 11px;border-radius:20px;background:var(--soft);color:var(--brand);border:1px solid var(--guest-color, var(--line));display:inline-flex;gap:6px;align-items:center}.attentions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px 0}.attention{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:13px;background:color-mix(in srgb,var(--brand) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);color:var(--ink)}.attention[data-kind=PreviousComplaint]{background:var(--pending-bg);border-color:color-mix(in srgb,var(--pending) 50%,transparent);color:var(--pending)}.identity{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.roomnumber{font-size:60px;font-weight:500;letter-spacing:-2px;line-height:1.1;font-variant-numeric:tabular-nums}.guestname{font-size:21px;margin:0 0 4px;font-weight:400}.sub{font-size:12px;color:var(--muted);line-height:1.8}.status{display:flex;gap:10px;align-items:center;min-height:52px;padding:12px 16px;border-radius:14px;font-size:15px;margin-top:auto;color:var(--success);background:var(--success-bg)}.status[data-state=denied]{color:var(--danger);background:var(--danger-bg)}.status[data-state=pending]{color:var(--brand);background:var(--soft);border:1px dashed var(--brand)}.status[data-state=ready]{color:var(--brand);background:var(--soft)}.quotas{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:22px;justify-content:center}.quotanum{font-size:38px;font-weight:500;line-height:1.2;margin:4px 0;font-variant-numeric:tabular-nums}.qtylabel{font-size:13px;color:var(--muted)}.qtydetails{font-size:11px;color:var(--muted)}.formcounts{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.counter{display:flex;align-items:center;gap:12px;font-size:14px}.counter output{font-size:28px;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.counter button{min-width:48px;font-size:20px;background:var(--soft)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button[aria-pressed=true]{background:var(--brand);color:var(--brand-text);font-weight:600}.alternatives{margin-top:20px}.alternatives h3{font-size:16px;font-weight:500;margin:0 0 12px}.alternativelist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alternative{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.alternative strong{font-size:17px;font-weight:500;display:block;margin:6px 0}.altstatus{color:var(--success);font-size:12px}.altstatus.later{color:var(--muted)}.afterresult{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}.candidates{display:grid;gap:10px}.candidates button{justify-content:space-between;border-radius:16px}.lock{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:20px}.lock .card{max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:36px;text-align:center}.lock h1{font-weight:500}.devpanel{position:fixed;inset-block-end:12px;inset-inline-end:12px;background:var(--surface);border:1px dashed var(--brand);border-radius:14px;padding:10px;font-size:12px;display:grid;gap:6px;max-width:260px;z-index:5}.devpanel button{min-height:32px;padding:4px 8px;font-size:12px}.testread{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:20px 22px;display:grid;gap:12px}.testread h2{margin:0;font-size:18px;font-weight:500}.testread dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px}.testread dt{color:var(--muted)}.testread dd{margin:0;overflow-wrap:anywhere}.testread .pill{padding:2px 10px;border-radius:999px;background:var(--danger-bg);color:var(--danger)}.testread .pill[data-ok=true]{background:var(--pending-bg);color:var(--pending)}.banner.testmode{font-weight:600}@media(max-width:800px){.app{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding:24px 10px;gap:22px}.wordmark{font-size:22px;letter-spacing:2px;text-align:center}.brandmark{margin-inline:auto}.brandname,.sidebar .account .who{display:none}.navbtn{justify-content:center;padding:11px 6px}.navbtn[aria-current=page]{padding-inline-start:3px}.navlabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{padding:22px}.top{padding:14px 22px}.banner{margin:12px 22px 0}.welcome{grid-template-columns:1fr 100px}.resultlayout{grid-template-columns:minmax(0,1fr) 190px}}@media(max-width:550px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-inline-end:0;border-bottom:1px solid var(--rail-line);overflow:visible;position:relative;height:auto}.brandmark{display:none}.sidebar,[dir=rtl] .sidebar{background:linear-gradient(155deg,var(--rail-top),var(--rail-bottom))}.wordmark{font-size:20px}.sidenav{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:thin}.navbtn{width:auto;flex-shrink:0;min-width:44px}.navbtn[aria-current=page]{border-inline-start:0;border-bottom:3px solid var(--rail-bar);padding-inline-start:6px}.sidebar .account{margin:0;display:flex;gap:2px}.sidebar .account .navbtn{min-height:44px;padding:8px}.top{padding:12px 16px;min-height:0}.topaccount .sub{display:none}.banner{margin:10px 16px 0}.page{padding:16px 16px 90px}.restaurant{font-size:22px}.welcome{grid-template-columns:1fr;padding:26px 22px;min-height:0}.scanmark{display:none}.metrics,.alternativelist,.resultlayout{grid-template-columns:1fr}.roomnumber{font-size:48px}.roombody{padding:18px}.roomcard{min-height:0}.metric-value{font-size:28px}.search{padding-inline-start:12px}.searchfield input{font-size:16px}.devpanel{inset-inline:8px;inset-block-end:8px;max-width:none;grid-template-columns:repeat(3,1fr);padding:6px;opacity:.92}.devpanel strong{grid-column:1 / -1}}