:root{--bg: #f3f4f1;--surface: #fbfcf9;--surface-2: #eef0eb;--ink: #20251f;--muted: #6d746d;--line: #dfe3dc;--accent: #29664f;--accent-soft: #e0ece6;--amber: #a66b27;--red: #a4433e;--radius: 12px;--shadow: 0 12px 32px rgba(38, 52, 42, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:232px minmax(0,1fr)}button,input,select,textarea{font:inherit}button{color:inherit}.sidebar{position:sticky;top:0;height:100dvh;background:#202b26;color:#eef4ef;padding:24px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{width:38px;height:38px;border:1px solid #759083;border-radius:10px;display:grid;place-items:center;font-size:20px}.brand strong,.brand span{display:block}.brand strong{font-size:18px;letter-spacing:.12em}.brand span{color:#9eb0a6;font-size:14px;margin-top:2px}.nav-list{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#aebbb4;padding:11px 12px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.18s ease}.nav-item:hover,.nav-item.active{background:#34433c;color:#fff}.nav-item:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}.nav-icon{font-size:14px;width:24px;height:24px;border:1px solid #53645b;border-radius:7px;display:grid;place-items:center}.shift-card{margin-top:auto;background:#293832;border:1px solid #3e5047;border-radius:var(--radius);padding:14px}.label{font-size:14px;color:var(--muted);letter-spacing:.08em}.shift-card .label{color:#91a399}.shift-card strong{display:block;font-size:15px;margin:7px 0 11px}.shift-people{display:flex;justify-content:space-between;font-size:13px;color:#a8b6af}.profile{margin-top:auto;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px}.avatar{width:34px;height:34px;border-radius:10px;background:#d9e7df;color:#26533f;display:grid;place-items:center;font-weight:700}.profile strong,.profile small{display:block}.profile small{font-size:13px;color:#93a49b;margin-top:2px}.more{margin-left:auto;color:#7d8e85}.profile-logout{margin-left:auto;border:0;background:transparent;color:#aebbb4;padding:6px 0 6px 8px;cursor:pointer;font-size:13px}.profile-logout:hover{color:#fff;text-decoration:underline}.main{min-width:0}.topbar{height:72px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f3f4f1eb;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-wrap{position:relative;width:min(420px,45vw)}.search-wrap input{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 62px 0 14px;outline:0}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #29664f1f}kbd{position:absolute;right:10px;top:9px;border:1px solid #d5d9d2;background:#eef0eb;border-radius:5px;padding:2px 6px;color:#777f78;font-size:13px}.top-actions,.heading-actions{display:flex;gap:10px;align-items:center}.icon-button,.secondary-button,.primary-button,.text-button,.close-button,.mobile-menu{border:0;cursor:pointer}.icon-button,.secondary-button{background:var(--surface);border:1px solid var(--line);border-radius:9px;height:38px;padding:0 13px}.icon-button{position:relative;font-size:15px}.notification-badge{position:absolute;right:-5px;top:-6px;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;display:grid;place-items:center;border:2px solid var(--bg)}.primary-button{height:40px;background:var(--accent);color:#fff;border-radius:9px;padding:0 16px;font-weight:650}.text-button{background:transparent;color:var(--accent);font-size:15px}.mobile-menu{display:none}.content{padding:30px;max-width:1500px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.date{font-size:14px;color:var(--muted);margin:0 0 8px;letter-spacing:.05em}.page-heading h1{font-size:28px;line-height:1.1;margin:0 0 8px;letter-spacing:-.04em}.page-heading p:last-child{margin:0;color:var(--muted)}.live-status{font-size:14px;color:var(--accent);padding-left:5px}.live-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}.metric{padding:20px 22px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:15px}.metric strong{display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:27px;margin:11px 0 3px;letter-spacing:-.04em}.metric small{color:var(--muted);font-size:13px}.trend{font-size:12px;background:var(--surface-2);padding:3px 6px;border-radius:6px}.trend.positive{color:var(--accent);background:var(--accent-soft)}.trend.warning{color:var(--amber);background:#f4e9d8}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px;margin-bottom:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-header{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start}.panel-header h2{font-size:17px;margin:0 0 4px}.panel-header p{font-size:13px;color:var(--muted);margin:0}.filter-row{display:flex;gap:6px;padding:0 20px 13px;border-bottom:1px solid var(--line)}.filter{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:7px;font-size:14px;cursor:pointer}.filter.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.filter span{margin-left:3px}.order-list{min-height:358px}.order-row{display:grid;grid-template-columns:58px minmax(180px,1fr) 112px 90px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);cursor:pointer}.order-row:last-child{border-bottom:0}.order-row:hover{background:#f5f7f3}.room-number{font-family:SFMono-Regular,Consolas,monospace;font-weight:700}.order-main strong,.order-main span{display:block}.order-main strong{font-size:15px}.order-main span{font-size:13px;color:var(--muted);margin-top:4px}.assignee{display:flex;align-items:center;gap:7px;font-size:13px}.mini-avatar{width:25px;height:25px;border-radius:7px;background:#e5e8e2;display:grid;place-items:center;font-size:12px}.status{justify-self:start;padding:5px 8px;border-radius:7px;font-size:12px;background:var(--surface-2);color:var(--muted)}.status.urgent{background:#f5dfdc;color:var(--red)}.status.working{background:var(--accent-soft);color:var(--accent)}.right-column{display:grid;gap:18px}.donut-area{padding:8px 22px 22px;display:flex;align-items:center;justify-content:space-around}.donut{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--accent) 0 62%,#8eaaa0 62% 84%,#d9c4a6 84% 96%,#b99b98 96%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:86px;height:86px;background:var(--surface);border-radius:50%}.donut div{position:relative;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-family:SFMono-Regular,Consolas,monospace;font-size:21px}.donut span{font-size:12px;color:var(--muted)}.legend{display:grid;gap:10px}.legend span{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;font-size:13px;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:2px;background:var(--accent)}.legend .available{background:#8eaaa0}.legend .cleaning{background:#d9c4a6}.legend .repair{background:#b99b98}.legend b{font-family:monospace;color:var(--ink)}.floor-list{padding:2px 20px 15px}.floor-row{display:grid;grid-template-columns:32px 1fr 36px;gap:10px;align-items:center;margin:11px 0;font-size:13px}.floor-bar{height:5px;background:#e4e7e1;border-radius:5px;overflow:hidden}.floor-bar span{display:block;height:100%;background:var(--accent);border-radius:5px}.floor-row b{text-align:right;font-family:monospace}.guest-table-wrap{overflow:auto;padding:0 20px 12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:12px;color:var(--muted);font-weight:500;padding:9px 10px;border-bottom:1px solid var(--line)}td{font-size:14px;padding:13px 10px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}.guest-name strong,.guest-name span{display:block}.guest-name span{font-size:12px;color:var(--muted);margin-top:3px}.preference{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#151b1875;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-header h2{margin:6px 0 0;font-size:20px}.close-button{background:transparent;color:var(--muted)}form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cdd3cb;background:#fff;color:var(--ink);border-radius:8px;padding:10px 11px;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #29664f1f}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.toast{position:fixed;right:24px;bottom:24px;background:#26332d;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease;z-index:30}.toast.show{opacity:1;transform:translateY(0)}.empty{padding:54px 20px;text-align:center;color:var(--muted)}.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}@media(max-width:1050px){.app-shell{grid-template-columns:84px 1fr}.brand{justify-content:center}.brand>div:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center}.nav-item.active{font-size:0}.shift-card,.profile-info,.profile-logout,.profile .more{display:none}.profile{justify-content:center}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:15;left:-250px;width:232px;transition:left .2s ease}.sidebar.open{left:0}.brand>div:last-child,.nav-item,.nav-item.active{font-size:16px}.nav-item{justify-content:flex-start}.shift-card,.profile-info,.profile-logout,.profile .more{display:initial}.topbar{padding:0 16px;height:64px}.mobile-menu{display:block;background:transparent}.search-wrap{width:42vw}.search-wrap kbd{display:none}.search-wrap input{padding-right:12px}.icon-button{display:none}.content{padding:20px 16px}.page-heading{align-items:flex-start}.heading-actions{display:none}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.right-column{grid-template-columns:1fr}.order-row{grid-template-columns:50px 1fr 72px}.assignee{display:none}.arrivals-panel{overflow:hidden}.form-grid{grid-template-columns:1fr}}.management-panel{overflow:hidden}.management-list-head,.management-row{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(130px,1fr) 80px 90px 76px 110px;gap:14px;align-items:center;padding:13px 20px}.management-list-head{background:var(--surface-2);color:var(--muted);font-size:12px}.management-row{border-bottom:1px solid var(--line);font-size:13px}.management-row:last-child{border-bottom:0}.management-row strong,.management-row small{display:block}.management-row small{color:var(--muted);font-size:11px;margin-top:4px}.management-row b{font-family:monospace}.room-head,.room-management-row{grid-template-columns:70px minmax(120px,1fr) 60px 80px minmax(130px,1fr) 110px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer}.row-actions button:hover{border-color:var(--accent);color:var(--accent)}.row-actions .danger,.danger-button{color:var(--red)}.request-page-filters{padding-top:15px}.request-management-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 110px 150px 76px minmax(120px,.8fr);gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);cursor:pointer}.request-management-row:hover{background:#f5f7f3}.request-management-row>div:first-child strong,.request-management-row>div:first-child span{display:block}.request-management-row>div:first-child strong{font-size:14px}.request-management-row>div:first-child span,.request-management-row>span{font-size:12px;color:var(--muted);margin-top:4px}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;margin-bottom:18px}.request-detail-grid div{padding:14px;border-bottom:1px solid var(--line)}.request-detail-grid div:nth-child(odd){border-right:1px solid var(--line)}.request-detail-grid .wide{grid-column:1/-1;border-right:0}.request-detail-grid span,.request-detail-grid strong{display:block}.request-detail-grid span{font-size:12px;color:var(--muted)}.request-detail-grid strong{font-size:14px;margin-top:5px;line-height:1.6}.assign-modal{width:min(460px,calc(100vw - 32px))}.assign-request-summary{margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.assign-request-summary span,.assign-request-summary strong,.assign-request-summary small{display:block}.assign-request-summary span{font-size:11px;color:var(--accent)}.assign-request-summary strong{margin-top:5px;font-size:15px}.assign-request-summary small{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.6}.assign-empty{margin-top:10px;padding:10px 12px;border:1px solid #efd4d0;border-radius:7px;background:#fff8f7;color:var(--red);font-size:12px}.assign-modal button:disabled{cursor:not-allowed;opacity:.55}.service-type-list-head,.service-type-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(100px,.6fr) minmax(120px,.7fr) minmax(145px,.8fr) 110px;gap:16px;align-items:center;padding:14px 20px}.service-type-list-head{background:var(--surface-2);color:var(--muted);font-size:12px}.service-type-row{border-bottom:1px solid var(--line);font-size:13px}.service-type-row:last-child{border-bottom:0}.service-type-row strong,.service-type-row small{display:block}.service-type-row small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.service-type-row>span:nth-child(4){color:var(--muted);font-size:12px}@media(max-width:900px){.service-type-list-head{display:none}.service-type-row{grid-template-columns:1fr auto}.service-type-row>span:nth-child(4){display:none}.service-type-row .row-actions{grid-column:1/-1;justify-content:flex-start}}.finish-modal{width:min(500px,calc(100vw - 32px))}.finish-modal textarea{min-height:112px;resize:vertical}.finish-modal button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:900px){.management-list-head{display:none}.management-row,.room-management-row{grid-template-columns:80px 1fr 90px}.management-row>*:nth-child(3),.management-row>*:nth-child(5){display:none}.request-management-row{grid-template-columns:1fr 80px}.request-management-row>span:nth-of-type(1),.request-management-row>span:nth-of-type(2){display:none}.request-management-row .row-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:470px){.primary-button{padding:0 11px}.top-actions{gap:5px}.page-heading h1{font-size:24px}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.order-row{grid-template-columns:48px 1fr}.status{display:none}.donut-area{gap:20px}.donut{width:112px;height:112px}.donut:before{width:76px;height:76px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.building-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:18px;margin-bottom:18px}.building-legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}.building-legend span{display:flex;align-items:center;gap:5px}.building-legend i,.floor-state{width:7px;height:7px;border-radius:50%;background:var(--accent)}.building-legend .warn,.floor-state.warning{background:var(--amber)}.building-legend .alert,.floor-state.alert{background:var(--red)}.building-stack{padding:0 20px 20px;display:grid;gap:5px}.floor-card{display:grid;grid-template-columns:44px 170px minmax(170px,1fr) 64px 10px;gap:12px;align-items:center;width:100%;min-height:43px;border:1px solid transparent;border-radius:9px;background:var(--surface-2);padding:8px 12px;text-align:left;cursor:pointer}.floor-card:hover{border-color:#bec9c1}.floor-card.active{background:var(--accent-soft);border-color:#a8c6b8}.floor-id{font-family:monospace;font-weight:700}.floor-name{font-size:14px;font-weight:650}.floor-name em{margin-left:8px;padding:3px 6px;border-radius:5px;background:var(--accent);color:#fff;font-size:11px;font-style:normal;font-weight:500}.floor-summary,.floor-people{font-size:13px;color:var(--muted)}.floor-people{text-align:right;font-family:monospace}.floor-detail{padding:20px}.detail-hero{display:flex;justify-content:space-between;gap:12px}.detail-hero h2{font-size:19px;margin:7px 0 5px}.detail-hero p{margin:0;color:var(--muted);font-size:13px}.floor-chip{align-self:flex-start;border-radius:7px;background:var(--accent-soft);color:var(--accent);padding:5px 8px;font-size:12px}.floor-chip.warning{background:#f4e9d8;color:var(--amber)}.floor-chip.alert{background:#f5dfdc;color:var(--red)}.detail-stats{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 15px;border:1px solid var(--line);border-radius:9px}.detail-stats div{padding:13px}.detail-stats div+div{border-left:1px solid var(--line)}.detail-stats span,.detail-system span{display:block;color:var(--muted);font-size:12px}.detail-stats strong{display:block;margin-top:7px;font:700 20px monospace}.detail-system{padding:12px 0 16px}.detail-system strong{display:block;font-size:14px;margin-top:5px}.guest-service-entry{border-radius:9px;background:#25372f;color:#fff;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.guest-service-entry span,.guest-service-entry strong,.guest-service-entry small{display:block}.guest-service-entry span,.guest-service-entry small{font-size:12px;color:#9fb4a9}.guest-service-entry strong{font-size:15px;margin:4px 0}.guest-service-entry button,.floor-action{border:0;border-radius:7px;cursor:pointer;white-space:nowrap}.guest-service-entry button{background:#e5eee9;color:#244636;padding:8px 10px;font-size:12px}.floor-action{width:100%;padding:10px;background:var(--accent-soft);color:var(--accent);font-size:13px}.environment-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 20px 18px}.environment-grid div{padding:12px 4px}.environment-grid span{display:block;font-size:12px;color:var(--muted)}.environment-grid strong{display:block;font:700 20px monospace;margin-top:5px}.environment-grid small{font-size:11px;margin-left:3px;font-family:inherit;color:var(--muted)}.operations-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr)}.system-list{padding:0 20px 8px}.system-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.system-row:last-child{border-bottom:0}.system-row strong,.system-row span{display:block}.system-row strong{font-size:14px}.system-row div span{font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:1050px){.building-layout{grid-template-columns:1fr}.building-layout>.right-column{grid-template-columns:1fr 1fr}.operations-grid{grid-template-columns:1fr}}@media(max-width:760px){.building-layout>.right-column{grid-template-columns:1fr}.building-legend{display:none}.floor-card{grid-template-columns:38px 1fr 58px 8px}.floor-summary,.floor-name em{display:none}}.back-building{display:block;margin:0 8px 18px;padding:10px 12px;border:1px solid #4a5d53;border-radius:9px;color:#c5d1ca;text-decoration:none;font-size:14px}.back-building:hover{background:#34433c;color:#fff}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb strong{color:var(--ink)}.link-button{display:inline-grid;place-items:center;text-decoration:none}.guest-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:18px;margin-bottom:18px}.room-legend{display:flex;gap:10px;font-size:12px;color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:2px 20px 20px}.room-cell{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:9px;background:#f5f7f3;padding:14px 12px;text-align:left;cursor:pointer}.room-cell:hover{transform:translateY(-1px);box-shadow:0 5px 14px #26342a14}.room-cell strong,.room-cell span{display:block}.room-cell strong{font-family:monospace}.room-cell span{font-size:12px;color:var(--muted);margin-top:4px}.room-cell.available{border-left-color:#91aaa0}.room-cell.cleaning{border-left-color:var(--amber);background:#faf6ef}.room-cell.repair{border-left-color:var(--red);background:#fbf1ef}.cleaning-summary{display:flex;align-items:center;justify-content:space-around;padding:10px 20px 24px}.cleaning-ring{width:108px;height:108px;border-radius:50%;background:conic-gradient(var(--accent) 0 64%,#e1e5df 64%);display:grid;place-content:center;text-align:center;position:relative}.cleaning-ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--surface)}.cleaning-ring strong,.cleaning-ring span{position:relative;display:block}.cleaning-ring strong{font:700 20px monospace}.cleaning-ring span{font-size:11px;color:var(--muted)}.cleaning-summary p{font-size:13px;color:var(--muted)}.cleaning-summary p strong{font:700 16px monospace;color:var(--ink);margin-right:5px}.supply-list{padding:0 20px 12px}.supply-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.supply-list div:last-child{border-bottom:0}.supply-list strong{color:var(--amber);font-family:monospace}@media(max-width:1050px){.guest-dashboard-grid{grid-template-columns:1fr}.guest-dashboard-grid>.right-column{grid-template-columns:1fr 1fr}}@media(max-width:760px){.breadcrumb span,.breadcrumb strong{display:none}.guest-dashboard-grid>.right-column{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(3,1fr)}.room-legend{display:none}}@media(max-width:470px){.room-grid{grid-template-columns:repeat(2,1fr)}}.login-page{min-height:100dvh;background:#202b26}.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(460px,.85fr);background:#202b26}.login-brand{padding:clamp(44px,5vw,76px) clamp(48px,7vw,112px);display:flex;flex-direction:column;justify-content:center;color:#eef4ef;position:relative;overflow:hidden;min-height:100dvh}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(206,226,215,.1);border-radius:50%;right:-190px;bottom:-160px}.login-brand-top{position:absolute;top:clamp(36px,5vw,68px);left:clamp(48px,7vw,112px);display:flex;align-items:center;gap:14px}.login-brand-top strong,.login-brand-top span{display:block}.login-brand-top strong{font-size:16px;letter-spacing:.08em}.login-brand-top span{margin-top:3px;font:11px monospace;letter-spacing:.16em;color:#89a096}.login-brand-copy{max-width:650px}.login-brand-copy p{color:#9eb0a6;letter-spacing:.12em;font-size:15px;margin:0 0 18px}.login-brand-copy h1{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-.05em;margin:0 0 24px}.login-brand-copy>span{display:block;max-width:520px;color:#aebbb4;line-height:1.8;font-size:16px}.login-capabilities{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:48px;border-top:1px solid #43524b;border-bottom:1px solid #43524b}.login-capabilities div{padding:20px 18px 20px 0}.login-capabilities div+div{padding-left:18px;border-left:1px solid #43524b}.login-capabilities strong,.login-capabilities span{display:block}.login-capabilities strong{font:700 22px monospace;color:#dce9e2}.login-capabilities span{color:#91a49a;font-size:13px;margin-top:7px}.login-brand-foot{position:absolute;bottom:clamp(36px,5vw,68px);left:clamp(48px,7vw,112px);display:flex;gap:22px;color:#71867b;font-size:12px}.login-panel{background:var(--surface);padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center;box-shadow:-22px 0 70px #0d18131f}.login-panel h2{font-size:28px;margin:8px 0}.login-panel>div>p{color:var(--muted);margin:0 0 28px}.login-panel form{width:min(420px,100%)}.login-submit{width:100%;margin-top:5px}.login-submit:disabled{opacity:.6;cursor:wait}.login-notice,.connection-error{border:1px solid #ddb8b3;background:#fbefed;color:var(--red);border-radius:9px;padding:11px 13px;margin-bottom:16px}.login-hint{color:var(--muted);margin-top:16px}.login-back{color:var(--accent);margin-top:24px;font-size:14px}.api-state{margin-top:auto;display:flex;gap:9px;align-items:center;padding:12px;color:#bdd0c5}.api-state>span{width:8px;height:8px;border-radius:50%;background:#69a888}.api-state.offline>span{background:#cf746d}.api-state strong,.api-state small{display:block}.api-state strong{font-size:13px}.api-state small{font-size:11px;color:#81958a;margin-top:2px}.connection-error{display:flex;align-items:center;gap:10px;margin-bottom:18px}.connection-error[hidden]{display:none}.connection-error span{flex:1}.connection-error button{border:0;background:var(--red);color:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.skeleton-block,.skeleton-line{background:linear-gradient(90deg,#e6e9e3,#f4f6f2,#e6e9e3);background-size:200% 100%;animation:skeleton 1.4s infinite}.skeleton-block{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);border-radius:9px}.skeleton-line{height:42px;margin:12px 20px;border-radius:8px}@keyframes skeleton{to{background-position:-200% 0}}.room-cell.reserved{border-left-color:#6f8ba0;background:#f0f4f6}.room-type-list{padding:0 20px 12px}.room-type-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.room-type-row:last-child{border-bottom:0}.room-type-row strong,.room-type-row span{display:block}.room-type-row strong{font-size:14px}.room-type-row span{font-size:12px;color:var(--muted);margin-top:4px}.room-type-row b{font:700 14px monospace;color:var(--accent)}.integration-list{padding:0 20px 12px}.integration-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.service-request-row{display:grid;grid-template-columns:58px minmax(180px,1fr) 80px 64px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.service-request-row:last-child{border-bottom:0}.request-action{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:7px 8px;font-size:12px;cursor:pointer}.status.assigned{background:#e6edf1;color:#557589}.status.done{background:#e7eee9;color:#5e7568}.status.cancelled{background:#ececea;color:#787a77}.room-info-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;margin-bottom:18px}.room-info-grid div{padding:14px}.room-info-grid span,.room-info-grid strong{display:block}.room-info-grid span{font-size:12px;color:var(--muted)}.room-info-grid strong{margin-top:5px;font-size:14px}.room-detail-modal{width:min(620px,calc(100vw - 32px))}.room-qr-card{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:24px;align-items:center;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.room-qr-card span,.room-qr-card strong,.room-qr-card small{display:block}.room-qr-card span{color:var(--muted);font-size:12px}.room-qr-card strong{margin-top:7px;font-size:15px}.room-qr-card small{margin-top:7px;color:var(--muted);font:12px monospace;overflow-wrap:anywhere}.room-qr-card a{display:inline-flex;margin-top:14px;color:var(--accent);font-size:13px;text-decoration:none}.room-qr-card a:hover{text-decoration:underline}.room-qr-image{width:164px;height:164px;display:grid;place-items:center;border:8px solid #fff;border-radius:8px;background:#fff;color:var(--muted);font-size:12px}.room-qr-image img{width:100%;height:100%;display:block;object-fit:contain}.room-qr-error{display:block;margin-top:12px;color:var(--red);font-size:12px;font-style:normal}@media(max-width:560px){.room-qr-card{grid-template-columns:1fr}.room-qr-image{width:180px;height:180px;margin:0 auto}}.room-status-control{margin-bottom:12px}.toast.error{background:var(--red)}[hidden]{display:none!important}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100dvh;padding:28px}.connection-error{align-items:flex-start;flex-wrap:wrap}.service-request-row{grid-template-columns:48px 1fr 70px}.request-action{grid-column:2/4}.api-state{display:none}}.field-help{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}.room-type-image-preview{height:120px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-2)}.room-type-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.reservation-list-head,.reservation-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(130px,.9fr) minmax(170px,1fr) 90px 76px minmax(150px,1fr);gap:14px;align-items:center;padding:13px 20px}.reservation-list-head{background:var(--surface-2);color:var(--muted);font-size:12px}.reservation-row{border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}.reservation-row:hover{background:#f5f7f3}.reservation-row strong,.reservation-row small{display:block}.reservation-row small{font-size:11px;color:var(--muted);margin-top:4px}.reservation-row b{font-family:monospace}@media(max-width:900px){.reservation-list-head{display:none}.reservation-row{grid-template-columns:1fr 1fr 80px}.reservation-row>span:first-of-type,.reservation-row>b{display:none}.reservation-row .row-actions{grid-column:1/-1;justify-content:flex-start}}.product-toolbar{display:flex;justify-content:space-between;align-items:center;padding-right:20px;border-bottom:1px solid var(--line)}.product-toolbar .filter-row{border-bottom:0;padding-top:12px}.product-toolbar>span{font-size:12px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.product-image{height:138px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:14px}.product-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:14px}.product-card-title{display:flex;justify-content:space-between;gap:10px}.product-card-title strong,.product-card-title small{display:block}.product-card-title small{font-size:11px;color:var(--muted);margin-top:4px}.product-card-body p{min-height:32px;font-size:12px;line-height:1.6;color:var(--muted)}.product-data{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.product-data b{font:700 15px monospace;color:var(--accent)}.product-data span{font-size:11px;color:var(--muted)}.product-actions{justify-content:flex-start;margin-top:12px}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.product-grid{grid-template-columns:1fr}.product-toolbar{align-items:flex-start;flex-direction:column;padding-right:0}.product-toolbar>span{padding:0 20px 12px}}.delivery-content{max-width:1280px;margin:0 auto}.delivery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.delivery-heading h1{margin:4px 0 8px}.delivery-heading>div>p:last-child{margin:0;color:var(--muted);font-size:14px}.delivery-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.delivery-metrics>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.delivery-metrics span,.delivery-metrics strong{display:block}.delivery-metrics span{font-size:12px;color:var(--muted)}.delivery-metrics strong{margin-top:8px;font:700 22px monospace;color:var(--ink)}.delivery-panel{overflow:hidden}.delivery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-right:18px}.delivery-toolbar .filter-row{border:0}.room-order-filter{display:flex;align-items:center;gap:7px}.room-order-filter label{font-size:12px;color:var(--muted);white-space:nowrap}.room-order-filter input{width:105px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:7px 9px;font-size:12px;color:var(--ink)}.room-order-filter input:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-color:var(--accent)}.room-order-filter button,.delivery-state button,.delivery-state a{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:7px 10px;color:var(--ink);font-size:12px;cursor:pointer;text-decoration:none}.delivery-list-head,.delivery-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(150px,1fr) 85px 90px 80px 120px;gap:16px;align-items:center;padding:13px 20px}.delivery-list-head{background:var(--surface-2);color:var(--muted);font-size:12px}.delivery-row{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);font:inherit;cursor:pointer;transition:background .16s ease,transform .12s ease}.delivery-row:hover{background:#f5f7f3}.delivery-row:active{transform:translateY(1px)}.delivery-row:last-child{border-bottom:0}.delivery-row>span strong,.delivery-row>span small{display:block}.delivery-row strong{font-size:13px}.delivery-row small,.delivery-row>span:not(.status),.delivery-row time{font-size:11px;color:var(--muted);font-style:normal}.delivery-row small{margin-top:4px}.delivery-row>b{font:700 14px monospace}.delivery-order-main{position:relative;padding-right:48px}.guest-tag{position:absolute;right:0;top:0;border:1px solid #d4a72c;color:#785800;background:#fff7d6;border-radius:999px;padding:2px 6px;font-size:11px;font-style:normal}.delivery-skeletons{padding:4px 20px}.delivery-skeleton{height:52px;margin:8px 0;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,#fff 45%,var(--surface-2) 65%);background-size:220% 100%;animation:delivery-shimmer 1.3s ease-in-out infinite}.delivery-state{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);text-align:center}.delivery-state strong{color:var(--ink);font-size:16px}.delivery-state span{font-size:12px}.error-state strong{color:var(--red)}.delivery-modal{width:min(620px,calc(100vw - 32px))}.delivery-detail-loading,.delivery-item-empty{padding:40px 0;text-align:center;color:var(--muted);font-size:13px}.delivery-detail-summary{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden}.delivery-detail-summary>div{padding:13px 15px;border-bottom:1px solid var(--line)}.delivery-detail-summary>div:nth-child(odd){border-right:1px solid var(--line)}.delivery-detail-summary>div:nth-last-child(-n+2){border-bottom:0}.delivery-detail-summary span,.delivery-detail-summary strong{display:block}.delivery-detail-summary span,.delivery-cancel-reason span{font-size:11px;color:var(--muted)}.delivery-detail-summary strong{font-size:13px;margin-top:5px}.delivery-items{border:1px solid var(--line);border-radius:10px;overflow:hidden}.delivery-items-title,.delivery-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px}.delivery-items-title{background:var(--surface-2);font-size:12px}.delivery-items-title span{color:var(--muted)}.delivery-item{border-top:1px solid var(--line)}.delivery-item strong,.delivery-item small{display:block}.delivery-item strong{font-size:13px}.delivery-item small{margin-top:4px;color:var(--muted);font-size:11px}.delivery-item>b{font:700 13px monospace}.delivery-cancel-reason{margin-top:14px;padding:12px 15px;border:1px solid #efd4d0;border-radius:10px;background:#fff8f7}.delivery-cancel-reason span,.delivery-cancel-reason strong{display:block}.delivery-cancel-reason strong{margin-top:4px;font-size:13px;color:var(--red)}.delivery-total{display:flex;justify-content:space-between;align-items:flex-end;padding:17px 2px 4px}.delivery-total span{font-size:12px;color:var(--muted)}.delivery-total strong{font:700 20px monospace;color:var(--accent)}.delivery-actions{display:flex;justify-content:flex-end;gap:8px}.delivery-actions .danger-button{border:1px solid #efd4d0;background:#fff;color:var(--red);border-radius:7px;padding:9px 12px;cursor:pointer}@keyframes delivery-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.delivery-skeleton{animation:none}.delivery-row{transition:none}}@media(max-width:1050px){.delivery-list-head,.delivery-row{grid-template-columns:minmax(170px,1.3fr) minmax(130px,1fr) 80px 76px 110px}.delivery-list-head>*:nth-child(4),.delivery-row>*:nth-child(4){display:none}.delivery-toolbar{align-items:flex-start;flex-direction:column;padding-right:0}.room-order-filter{padding:0 18px 14px}}@media(max-width:720px){.delivery-heading{align-items:flex-start;flex-direction:column}.delivery-metrics{grid-template-columns:repeat(2,1fr)}.delivery-list-head{display:none}.delivery-row{grid-template-columns:1fr auto;gap:10px;padding:15px 16px}.delivery-row>*{display:block!important}.delivery-row>span:nth-child(2),.delivery-row>span:nth-child(4),.delivery-row time{grid-column:1/-1}.delivery-row>b,.delivery-row>.status{justify-self:end}.delivery-toolbar .filter-row{overflow-x:auto;max-width:100%;flex-wrap:nowrap}.delivery-detail-summary{grid-template-columns:1fr}.delivery-detail-summary>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.delivery-detail-summary>div:last-child{border-bottom:0!important}.delivery-actions{flex-wrap:wrap}.delivery-actions button{flex:1;white-space:nowrap}}.product-detail-image{height:190px;border-radius:9px;overflow:hidden;margin-bottom:16px;background:var(--surface-2)}.product-detail-image img{width:100%;height:100%;object-fit:cover}.image-upload-field{margin-bottom:14px}.image-upload-field input[type=file]{padding:8px;background:var(--surface-2);cursor:pointer}.image-upload-preview{position:relative;margin-top:8px}.image-upload-preview .secondary-button{position:absolute;right:8px;bottom:8px;background:#ffffffeb}.upload-state{margin-top:7px;color:var(--accent);font-size:12px}.user-management-content{max-width:1400px;margin:0 auto}.user-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.user-metrics>div{padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.user-metrics span,.user-metrics strong{display:block}.user-metrics span{color:var(--muted);font-size:12px}.user-metrics strong{margin-top:8px;font:700 24px monospace}.user-panel{overflow:hidden}.user-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 150px auto;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.user-toolbar input,.user-toolbar select,.user-row select{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 11px;color:var(--ink);font-size:13px}.user-toolbar input:focus,.user-toolbar select:focus,.user-row select:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-color:var(--accent)}.user-toolbar>span{color:var(--muted);font-size:12px}.user-list-head,.user-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) 130px minmax(150px,.8fr) 120px;gap:16px;align-items:center;padding:14px 20px}.user-list-head{background:var(--surface-2);color:var(--muted);font-size:12px}.user-row{border-bottom:1px solid var(--line);font-size:13px}.user-row:last-child{border-bottom:0}.user-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.user-row select:disabled{cursor:not-allowed;background:var(--surface-2);color:var(--muted)}.user-identity{display:flex;align-items:center;gap:10px;min-width:0}.user-identity .avatar{flex:0 0 auto}.user-identity strong,.user-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-form-modal{width:min(600px,calc(100vw - 32px))}.user-detail-modal{width:min(560px,calc(100vw - 32px))}.user-form-modal button:disabled{cursor:not-allowed;opacity:.55}.password-warning{margin:14px 0 0;padding:12px 14px;border:1px solid #ead5b9;border-radius:8px;background:#fff9ef;color:#7b5529;font-size:12px;line-height:1.6}@media(max-width:1000px){.user-list-head{display:none}.user-row{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) 120px}.user-row>div:nth-child(4){display:none}.user-row .row-actions{justify-content:flex-start}}@media(max-width:720px){.user-metrics{grid-template-columns:repeat(2,1fr)}.user-toolbar{grid-template-columns:1fr}.user-row{grid-template-columns:1fr auto;padding:16px}.user-row>div:nth-child(2){grid-column:1/-1}.user-row>select{width:120px}.user-row .row-actions{grid-column:1/-1}.user-management-content .page-heading{align-items:flex-start;gap:12px}.user-management-content .page-heading .icon-button{flex:0 0 auto}}