:root{--brand: #1c2d4f;--ink: #172033;--text-secondary: #526071;--text-muted: #6c7788;--ok: #247343;--warn: #8a5a00;--danger: #9b2f2f;--danger-ring: rgba(155, 47, 47, .2);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--z-nav: 30;--z-modal: 80;color:var(--ink);background:#f6f7fb;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f6f7fb}a{color:inherit;text-decoration:none}.admin-shell{display:grid;min-height:100vh;grid-template-rows:auto auto minmax(0,1fr)}.site-top{background:var(--brand);color:#fff;padding:14px max(16px,env(safe-area-inset-left)) 14px max(16px,env(safe-area-inset-right))}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.top-inner>div{min-width:0}.brand-mark{margin:0;color:inherit;font-size:16px;font-weight:800;overflow-wrap:anywhere}.top-subtitle,.section-label,.login-copy{color:var(--text-muted)}.top-subtitle{margin:4px 0 0;color:#ffffffb8;font-size:12px}.top-nav-groups{position:sticky;top:0;z-index:var(--z-nav);background:#fff;border-bottom:1px solid #e4e8f0}.nav-group-row{display:flex;gap:2px;padding:0 8px;border-bottom:1px solid #edf1f7}.nav-group-btn{display:flex;align-items:center;min-height:34px;flex-shrink:0;white-space:nowrap;border:none;background:none;padding:0 16px;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.nav-group-btn:hover{color:var(--brand);background:#f0f3f8}.nav-group-btn.active{color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)}.nav-group-btn.selected{background:var(--brand);color:#fff;box-shadow:none}.nav-subtab-row{display:flex;flex-wrap:wrap;gap:2px 6px;padding:4px 16px;background:var(--brand)}.nav-subtab-row a{display:flex;align-items:center;min-height:28px;white-space:nowrap;border-radius:var(--radius-sm);padding:0 12px;color:#ffffffd1;font-size:13px}.nav-subtab-row a:hover{background:#ffffff1f;color:#fff}.nav-subtab-row a.active{background:#ffffff2e;color:#fff;font-weight:700}.mobile-nav-drawer{display:none}.main-pane{display:grid;align-content:start;gap:12px;width:100%;max-width:1440px;margin:0 auto;padding:16px}.main-pane.staff-schedule-pane,.main-pane.staff-attendance-pane{max-width:1560px}.topbar,.overview-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:28px;line-height:1.25}h2{margin-bottom:14px;font-size:18px}.warm-panel,.login-panel{min-width:0;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:14px}.user-list,.status-list{display:grid;gap:10px;margin:0;padding:0}.status-list{padding-left:18px}.user-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eee8dc;padding-bottom:10px;font-size:14px}.user-row:last-child{border-bottom:0;padding-bottom:0}table{min-width:640px;width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e4e8f0;padding:8px;text-align:left;vertical-align:top}th{background:#fbfcff;color:var(--text-muted);font-size:12px;font-weight:600}th:first-child,td:first-child{width:86px;white-space:nowrap}.table-scroll{overflow-x:auto}.permission-cards{display:none}.bookings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.count-pill{border:1px solid #dce3ee;border-radius:999px;background:#fff;color:var(--text-secondary);padding:6px 10px;font-size:13px;font-weight:700;white-space:nowrap}.filter-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:12px}.filter-panel label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700}.filter-date-wrap{position:relative;display:inline-flex}.filter-date-input{text-align:center}.filter-date-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#8894a5;font:inherit;pointer-events:none}.filter-date-input--empty{color:transparent}.filter-date-input--empty::-webkit-datetime-edit{color:transparent}.filter-panel input:not([type=checkbox]):not([type=radio]),.filter-panel select,.announcement-form input:not([type=checkbox]):not([type=radio]),.announcement-form select,.announcement-form textarea{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.announcement-form input[type=checkbox],.announcement-form input[type=radio]{width:16px;height:16px;min-height:auto;margin:0}.announcement-form textarea{min-height:112px;padding:9px 10px;resize:vertical}.secondary-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:var(--text-secondary);padding:0 14px;font-size:13px;font-weight:700}.danger-action{border-color:#f0c9c9;color:var(--danger)}.form-error{border:1px solid #f0c9c9;border-radius:var(--radius);background:#fdf2f2;color:var(--danger);padding:10px 14px;font-size:13px;font-weight:700}.booking-card-list,.announcement-card-list{display:none}.booking-card,.room-card,.announcement-card{display:grid;gap:10px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:14px}.room-card-image{margin:-14px -14px 0;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:#ece2d0}.room-card-image img{width:100%;height:100%;object-fit:cover;display:block}.booking-card-main,.booking-card-time,.booking-card-details,.room-card-main,.room-card-details,.announcement-card-main,.announcement-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.booking-card-main>div,.room-card-main>div,.announcement-card-main>div,.booking-card-time{min-width:0}.booking-card-main>div>span,.room-card-main span,.announcement-card-main span,.booking-card-details,.room-card-details,.announcement-card-meta,.booking-note{color:var(--text-secondary);font-size:13px}.booking-card-main>div,.room-card-main>div,.announcement-card-main>div{display:grid;gap:3px}.booking-card-main>.booking-card-customer{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px}.booking-card-phone{white-space:nowrap}.booking-card-source{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:13px}.booking-card-source span:last-child{white-space:nowrap}.booking-card-time strong{font-size:16px}.booking-card-details,.room-card-details,.announcement-card-meta{flex-wrap:wrap;justify-content:flex-start}.booking-card-details span,.room-card-details span,.announcement-card-meta span{border-radius:999px;background:#f4f7fb;padding:5px 8px}.booking-note{margin:0;border-top:1px solid #edf1f7;padding-top:10px}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:end}.admin-form label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.admin-form textarea{min-height:80px;padding:9px 10px;resize:vertical}.admin-form-wide{grid-column:1 / -1}.field-hint{color:var(--text-muted);font-size:11px;font-weight:400;line-height:1.6}.inline-editor .admin-form{margin-top:10px}.announcement-editor-panel h2{margin-bottom:12px}.announcement-form{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(130px,1fr) minmax(110px,1fr) minmax(90px,.75fr);gap:10px;align-items:end}.announcement-form label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700}.announcement-body-field,.announcement-image-field{grid-column:1 / -1}.announcement-form>.primary-action{grid-column:1 / -1;justify-self:end;min-width:80px;white-space:nowrap}.pos-print-settings-panel{display:grid;gap:14px}.pos-print-settings-form{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-print-settings-form .announcement-body-field{grid-column:span 2}.pos-layout-calibrator{grid-column:1 / -1;display:grid;gap:14px;margin:8px 0 2px;padding-top:18px;border-top:1px solid #dde3ec}.pos-layout-calibrator-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pos-layout-calibrator-copy h3{margin:0 0 4px;color:#16213a;font-size:16px}.pos-layout-calibrator-copy p,.pos-layout-status{margin:0;color:#657188;font-size:12px;line-height:1.55}.pos-layout-workspace{display:grid;grid-template-columns:minmax(360px,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.pos-layout-canvas-wrap{min-width:0;padding:22px;overflow:auto;border-radius:var(--radius-lg);background:#edf1f6}.pos-layout-canvas{display:block;width:min(100%,640px);min-width:420px;margin:0 auto;filter:drop-shadow(0 12px 22px rgba(26,35,52,.12));touch-action:none;-webkit-user-select:none;user-select:none}.pos-layout-canvas-bg{fill:#fff}.pos-layout-grid{stroke:#e7ebf1;stroke-width:.18}.pos-layout-grid-major{stroke:#d2d8e2;stroke-width:.24}.pos-layout-axis-label{fill:#758197;font-size:1.8px;font-weight:700}.pos-layout-paper-boundary{fill:#d1343a06;stroke:#d1343a;stroke-width:.55}.pos-layout-paper-label{fill:#b5222a;font-size:2px;font-weight:800}.pos-layout-region rect{fill:#2267d717;stroke:#2267d7;stroke-width:.55;cursor:grab;transition:fill .12s ease,stroke-width .12s ease}.pos-layout-region:hover rect{fill:#2267d729;stroke-width:.75}.pos-layout-region text{fill:#1556bb;font-size:2.3px;font-weight:900}.pos-layout-region .pos-layout-region-sample{font-size:1.65px;font-weight:700}.pos-layout-controls{display:grid;gap:8px}.pos-layout-controls fieldset{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin:0;padding:10px 12px 12px;border:1px solid #dfe4ec;border-radius:var(--radius);background:#fff}.pos-layout-controls legend{display:flex;align-items:baseline;gap:7px;padding:0 3px;color:var(--brand);font-size:13px;font-weight:900}.pos-layout-controls legend small{color:#7a8596;font-size:10px;font-weight:700}.pos-layout-controls label{gap:4px;font-size:11px}.pos-layout-controls input{min-height:34px;padding:6px 8px}.pos-layout-reset{min-height:34px;padding:6px 9px;border:1px solid #d7dde7;border-radius:var(--radius);background:#f7f9fc;color:#46546b;cursor:pointer;font-size:11px;font-weight:800}.pos-print-checkboxes{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px 18px;padding:10px 12px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fbfcff}.pos-print-checkboxes label{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;color:#26344d;font-size:13px;white-space:nowrap}.pos-print-checkboxes input{width:15px;min-height:auto;margin:0}.pos-print-settings-actions{grid-column:1 / -1;display:flex;gap:10px}.pos-print-preview-dialog{width:min(420px,92vw)}.pos-print-preview-surface{display:grid;place-items:start center;width:100%;max-height:min(75vh,700px);padding:18px;overflow:auto;background:#f3f5f9}.pos-print-preview-image{display:block;width:58mm;max-width:100%;height:auto;background:#fff;box-shadow:0 12px 30px #0f172a29}@media(max-width:900px){.pos-layout-workspace{grid-template-columns:1fr}}@media(max-width:640px){.pos-layout-calibrator-copy{display:grid}.pos-layout-canvas-wrap{padding:14px}.pos-layout-canvas{min-width:360px}}.inline-editor{border-top:1px solid #edf1f7;padding-top:10px}.inline-editor summary{cursor:pointer;color:var(--brand);font-size:13px;font-weight:800}.inline-editor .announcement-form{margin-top:10px}.delete-inline-form{display:flex;justify-content:flex-end}.table-action-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.table-action-group .delete-inline-form{display:inline-flex}.announcement-edit-row>td{border-top:0;padding-top:0}.desktop-announcement-table th:nth-child(2),.desktop-announcement-table td:nth-child(2){width:46%}.desktop-announcement-table th:nth-child(3),.desktop-announcement-table td:nth-child(3),.desktop-announcement-table th:nth-child(5),.desktop-announcement-table td:nth-child(5){white-space:nowrap}.status-editor{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:end;min-width:190px}.status-editor label{display:grid;gap:4px;color:var(--text-secondary);font-size:12px;font-weight:700}.status-editor select{min-height:36px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 9px;font:inherit}.status-save{min-height:36px;border:0;border-radius:var(--radius);background:var(--brand);color:#fff;padding:0 10px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.status-badge{flex:0 0 auto;border-radius:999px;background:#edf1f7;color:var(--text-secondary);padding:5px 8px;font-size:12px;font-weight:800}.status-new{background:#e8f1ff;color:#245da8}.status-confirmed{background:#e9f8ef;color:var(--ok)}.status-pending_deposit{background:#fff7df;color:var(--warn)}.status-cancelled{background:#f1f3f6;color:#7b8794}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--text-secondary);font-size:14px}.pager a{border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;padding:8px 10px;font-weight:700}.pager a[aria-current=page],.pager-current{border-color:#172033;background:#172033;color:#fff}.pager-ellipsis{padding:0 2px;color:#8a97a8}.room-card-list{display:none}.staff-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.staff-module-card{display:grid;gap:8px;min-width:0;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:14px}.staff-module-card span{color:var(--text-muted);font-size:12px;font-weight:800}.staff-module-card strong{color:#172033;font-size:18px}.staff-module-card p{margin-bottom:0;color:var(--text-secondary);font-size:14px;line-height:1.55}.staff-module-card:hover{border-color:#b8c6dc;background:#fbfcff}.staff-toolbar,.staff-filter,.staff-form-actions,.staff-row-actions{display:flex;align-items:center;gap:8px}.staff-toggle-group{display:flex;gap:8px}.staff-toolbar{justify-content:space-between}.staff-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.staff-month-nav{display:flex;align-items:center;justify-content:center;gap:12px}.staff-month-nav strong{color:#172033;font-size:18px}.staff-filter{flex-wrap:wrap}.staff-filter label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700}.staff-filter .staff-report-month-field{display:flex;align-items:center;gap:8px}.staff-report-month-field>span{white-space:nowrap}.staff-filter input,.staff-filter select{min-height:40px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.staff-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-form label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700}.staff-form input,.staff-form select{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.staff-checkbox-line{display:inline-flex;align-items:center;gap:8px;color:#172033;font-size:14px}.staff-checkbox-line input{min-height:auto}.staff-checkbox-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:4px}.staff-form .staff-checkbox-line{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:#172033}.staff-form .staff-checkbox-line input{width:16px;height:16px;min-height:auto;margin:0;flex:none}.staff-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;align-self:end}.staff-card-list{display:none}.staff-report-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.staff-report-card{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:box-shadow .15s ease,border-color .15s ease}.staff-report-card:hover,.staff-report-card:focus-visible{border-color:#b9c4d6;box-shadow:0 4px 16px #14213d1a}.staff-card{display:grid;gap:10px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:14px}.staff-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.staff-card strong,.staff-card span{overflow-wrap:anywhere}.staff-card span,.staff-card p,.staff-muted{color:var(--text-secondary);font-size:13px}.staff-card p,.staff-message,.staff-error{margin-bottom:0}.staff-request-section-heading{display:flex;align-items:baseline;gap:8px;margin-top:4px}.staff-request-section-heading h2{margin:0;color:#172033;font-size:18px}.staff-request-section-heading span{color:var(--text-muted);font-size:13px;font-weight:700}.staff-request-panel table{min-width:1120px}.staff-request-status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:3px 9px;white-space:nowrap;font-size:12px;font-weight:800}.staff-request-status-pending,.staff-request-status-peer_approved{background:#fff4d6;color:#8a5a00}.staff-request-status-pending_peer{background:#eef2ff;color:#4453a6}.staff-request-status-approved{background:#e9f8ef;color:var(--ok)}.staff-request-status-rejected{background:#fff0f0;color:var(--danger)}.staff-request-details{display:grid;gap:7px;margin:0}.staff-request-details>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px}.staff-request-details dt,.staff-request-details dd{margin:0;font-size:13px}.staff-request-details dt{color:var(--text-muted);font-weight:700}.staff-request-details dd{color:#172033;overflow-wrap:anywhere}.staff-card-holiday{background:#fff5f5}.staff-card .liff-shift-line{color:#172033;font-size:15px;font-weight:700}.staff-message,.staff-error{border-radius:var(--radius);padding:10px 12px;font-size:14px;font-weight:700}.staff-message{background:#e9f8ef;color:var(--ok)}.staff-error{background:#fff0f0;color:var(--danger)}.staff-calendar{display:grid;grid-template-columns:repeat(7,minmax(250px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px}.staff-day-card{display:grid;gap:10px;min-width:0;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:12px}.staff-day-head,.staff-attendance-row,.staff-availability-row,.staff-schedule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.staff-day-head span{color:var(--text-muted);font-size:12px;font-weight:800}.staff-attendance-list,.staff-availability-list,.staff-schedule-list{display:grid;gap:6px}.staff-attendance-row,.staff-availability-row,.staff-schedule-row{grid-template-columns:minmax(0,1fr) auto auto;border-top:1px solid #edf1f7;padding-top:6px;color:var(--text-secondary);font-size:13px}.staff-attendance-row span:first-child,.staff-availability-row span:first-child,.staff-schedule-row span:first-child{overflow-wrap:anywhere}.staff-availability-row,.staff-schedule-row{grid-template-columns:minmax(0,1fr) auto}.staff-schedule-editor,.staff-add-shift{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;border-top:1px solid #edf1f7;padding-top:6px}.staff-schedule-editor span{color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere}.staff-schedule-editor input,.staff-add-shift select{min-height:36px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 8px;font:inherit}.staff-add-shift{grid-template-columns:minmax(0,1fr) auto}.staff-roster-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-schedule-actions{display:flex;align-items:center;gap:8px}.staff-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.staff-section-head strong{color:#172033;font-size:16px}.staff-section-head span{color:var(--text-muted);font-size:12px;font-weight:800}.staff-roster-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-roster-nav form{margin:0}.staff-roster-nav>div{display:grid;gap:2px;min-width:150px}.staff-roster-nav strong{color:#172033;font-size:16px}.staff-roster-nav span{color:var(--text-muted);font-size:12px;font-weight:700}.staff-roster-nav-centered{justify-content:space-between}.staff-roster-nav-centered strong{flex:1;text-align:center}.staff-coverage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-coverage-summary>div{display:grid;gap:3px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:12px}.staff-coverage-summary span,.staff-quick-add label{color:var(--text-secondary);font-size:12px;font-weight:800}.staff-coverage-summary strong{color:#172033;font-size:20px}.staff-quick-add{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(180px,1.25fr) minmax(110px,.8fr) minmax(110px,.8fr) auto;gap:10px;align-items:end}.staff-quick-add label{display:grid;gap:5px}.staff-quick-add select,.staff-quick-add input{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.staff-month-grid{display:grid;grid-template-columns:repeat(7,minmax(250px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px}.staff-calendar-weekday{border:1px solid #e4e8f0;border-radius:var(--radius);background:#f7f9fc;color:var(--text-secondary);font-size:12px;font-weight:900;padding:8px 10px;text-align:center}.staff-calendar-blank{min-height:80px;border:1px dashed #e4e8f0;border-radius:var(--radius);background:#fafbfe}.staff-roster-day{align-content:start;min-height:260px}.staff-roster-demand{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.staff-gap-note{margin:0;border-radius:var(--radius);background:#fff3d6;color:#8a5d00;padding:7px 9px;font-size:12px;font-weight:800}.staff-shift-row{grid-template-columns:1fr;align-items:stretch;gap:8px}.staff-shift-employee{display:grid;gap:3px;min-width:0}.staff-shift-employee strong{color:#172033;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.staff-shift-employee small,.staff-shift-employee span,.staff-shift-time-row label,.staff-day-add label{color:#7a8494;font-size:11px;font-weight:700}.staff-shift-time-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:end}.staff-shift-time-row label,.staff-day-add label{display:grid;gap:4px}.staff-day-add{display:grid;gap:8px;border-top:1px solid #edf1f7;margin-top:10px;padding-top:10px}.staff-day-add>strong{color:#172033;font-size:13px}.staff-day-add-times{display:grid;grid-template-columns:1fr 1fr;gap:6px}.staff-day-add select,.staff-day-add input{min-height:38px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 9px;font:inherit}.staff-published-shift{border-radius:var(--radius);border-top:0;background:#f7f9fc;padding:8px 9px}.staff-schedule-horizontal-nav{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:30px;border:1px solid #e4e8f0;border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:#f7f9fc}.staff-schedule-horizontal-nav>span{display:grid;place-items:center;border-right:1px solid #dce3ee;color:var(--text-muted);font-size:12px;font-weight:800}.staff-schedule-top-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}.staff-schedule-top-scroll-content{min-width:100%;height:1px}.staff-schedule-matrix-wrap{overflow-x:auto;overflow-y:auto;max-height:70vh;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff}.staff-schedule-horizontal-nav+.staff-schedule-matrix-wrap{border-top-left-radius:0;border-top-right-radius:0}.staff-schedule-matrix{width:max-content;table-layout:fixed;border-collapse:separate;border-spacing:0}.staff-schedule-view-matrix td{text-align:center}.staff-schedule-matrix th,.staff-schedule-matrix td{width:156px;border-right:1px solid #dce3ee;border-bottom:1px solid #dce3ee;padding:10px;vertical-align:top}.staff-schedule-matrix thead th{position:sticky;top:0;z-index:2;background:#f7f9fc;color:#172033;font-size:13px;font-weight:900;text-align:center}.staff-schedule-date-head,.staff-schedule-date-cell{position:sticky;left:0;z-index:3;min-width:150px;background:#fff;box-shadow:1px 0 #dce3ee}.staff-schedule-date-head{background:#f7f9fc}.staff-schedule-matrix thead th.staff-schedule-date-head{z-index:4}.staff-schedule-date-cell{color:#172033;text-align:left}.staff-schedule-date-content{display:grid;gap:5px}.staff-schedule-workbench .staff-schedule-date-col{width:88px}.staff-schedule-workbench .staff-schedule-employee-col{width:226px}.staff-schedule-workbench .staff-schedule-date-head,.staff-schedule-workbench .staff-schedule-date-cell{width:88px;min-width:88px;max-width:88px;text-align:center}.staff-schedule-workbench .staff-schedule-matrix thead th:not(.staff-schedule-date-head),.staff-schedule-workbench .staff-schedule-matrix td{width:226px;min-width:226px;max-width:226px}.staff-schedule-employee-head{display:inline-flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap}.staff-schedule-employee-summary{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800}.staff-schedule-workbench .staff-schedule-date-content{justify-items:center}.staff-schedule-date-cell strong{font-size:14px}.staff-schedule-date-cell span,.staff-schedule-date-cell small{font-size:12px;font-weight:800}.staff-schedule-date-cell small{color:var(--text-muted)}.staff-schedule-holiday-row .staff-schedule-date-cell,.staff-schedule-holiday-row .staff-schedule-date-cell small{color:#b22d2d}.staff-schedule-holiday-row td{background:#fff8f8}.staff-matrix-shift{display:grid;gap:7px}.staff-matrix-shift+.staff-matrix-shift{margin-top:8px;padding-top:8px;border-top:1px dashed #dce3ee}.staff-matrix-shift label{display:grid;gap:4px;color:#7a8494;font-size:11px;font-weight:800}.staff-matrix-shift input{min-height:36px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 8px;font:inherit;font-size:13px}.staff-shift-time-row{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.staff-shift-time-row span{color:#7a8494;font-size:12px;font-weight:800}.staff-shift-time-row select{min-height:34px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius-sm);background:#fff;color:#172033;padding:0 4px;font:inherit;font-size:13px}.staff-attendance-normal{color:#172033}.staff-attendance-makeup{color:#2454b0}.staff-attendance-late-tag{flex:none;margin-left:4px;color:#b22d2d;font-size:11px;white-space:nowrap}.staff-attendance-verify-tag{flex:none;border-radius:999px;padding:1px 6px;font-size:10px;line-height:16px;white-space:nowrap}.staff-attendance-verify-tag.is-wifi{background:#e3f4ea;color:#1f6b45}.staff-attendance-verify-tag.is-gps{background:#fdf1dc;color:#8a5a00}.staff-attendance-verify-tag.is-makeup{background:#e6edfb;color:#2454b0}.staff-attendance-verify-tag.is-manual{background:#eceef2;color:#5b6577}.staff-attendance-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 8px;font-size:12px}.staff-attendance-legend .staff-attendance-verify-tag{margin-left:6px}.staff-attendance-legend .staff-attendance-verify-tag:first-of-type{margin-left:0}.staff-matrix-add{width:100%;min-height:38px;opacity:0;transition:opacity .12s ease}.staff-unavailable-tag{display:block;margin-bottom:6px;font-size:12px;font-weight:800}.staff-schedule-matrix td.staff-matrix-unavailable-only{text-align:center;vertical-align:middle}.staff-matrix-unavailable-only .staff-unavailable-tag{margin-bottom:0}.staff-schedule-matrix td:hover .staff-matrix-add,.staff-schedule-matrix td:focus-within .staff-matrix-add,.staff-matrix-add:focus{opacity:1}.staff-matrix-delete{opacity:0;transition:opacity .12s ease}.staff-matrix-shift:hover .staff-matrix-delete,.staff-matrix-shift:focus-within .staff-matrix-delete,.staff-matrix-delete:focus{opacity:1}.staff-attendance-matrix .staff-schedule-date-head,.staff-attendance-matrix .staff-schedule-date-cell{width:130px;min-width:130px;max-width:130px}.staff-attendance-matrix thead th:not(.staff-schedule-date-head),.staff-attendance-matrix td{width:284px;min-width:284px;max-width:284px}.staff-attendance-day-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.staff-attendance-shift{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.staff-attendance-shift input{min-height:32px;width:60px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 6px;font:inherit;font-size:13px;text-align:center}.staff-attendance-shift .staff-matrix-delete{min-height:32px;padding:0 8px}.staff-attendance-shift:hover .staff-matrix-delete,.staff-attendance-shift:focus-within .staff-matrix-delete{opacity:1}.staff-attendance-day-row .staff-matrix-add{width:auto;min-height:32px;padding:0 10px}.staff-availability-status{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.staff-ok{color:var(--ok)}.staff-bad{color:var(--danger)}.liff-shell{display:grid;align-content:start;gap:16px;min-height:100vh;background:#f7f3ea;padding:18px 14px 28px}.liff-header{display:grid;gap:4px;border-bottom:1px solid #e3d8c7;padding-bottom:14px}.liff-header p,.liff-header span{margin:0;color:#6c5f4f;font-size:13px;font-weight:800}.liff-header h1,.liff-game-section h2,.liff-success h2{margin:0;color:#1f2a24}.liff-availability-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.liff-legend-available{background:#e3f6e6;border-color:#bfe6c6;color:#256a35}.liff-legend-unavailable{background:#fbe4e2;border-color:#f0bcb7;color:#a3392c}.liff-legend-partial{background:#e2eefb;border-color:#bcd7f0;color:#1f5a96}.liff-availability-day{display:grid;gap:8px;border-top:1px solid #edf1f7;padding-top:10px}.liff-availability-day:first-child{border-top:none;padding-top:0}.liff-availability-date{text-align:center;font-size:15px;font-weight:800}.liff-availability-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.liff-availability-option{min-height:40px;width:100%;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;font:inherit;font-weight:700;cursor:pointer}.liff-availability-option--available.is-selected{background:#e3f6e6;border-color:#bfe6c6;color:#256a35}.liff-availability-option--unavailable.is-selected{background:#fbe4e2;border-color:#f0bcb7;color:#a3392c}.liff-availability-option--partial.is-selected{background:#e2eefb;border-color:#bcd7f0;color:#1f5a96}.liff-availability-time{display:flex;align-items:center;justify-content:center;gap:6px}.liff-availability-time select{flex:1;min-width:0}.liff-message,.liff-error{border-radius:var(--radius);margin:0;padding:10px 12px;font-size:14px}.liff-message{background:#fff8e8;color:#7a5b1b}.liff-error{background:#fff0f0;color:var(--danger)}.liff-selection-bar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e3d8c7;border-radius:var(--radius);background:#fffdf8f5;padding:10px;box-shadow:0 8px 24px #4e3d2614}.liff-selection-bar span{color:#4c4237;font-weight:800}.liff-selection-bar button:disabled{opacity:.5}.liff-room-picker{display:grid;gap:12px}.liff-room-picker h2{margin:0;color:#1f2a24;font-size:18px}.liff-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.liff-room-grid button{min-height:56px;border:1px solid #e3d8c7;border-radius:var(--radius);background:#fffdf8;color:#1f2a24;padding:10px;font:inherit;font-weight:800}.liff-active-loans{display:grid;gap:10px;border:1px solid #ded2bd;border-radius:var(--radius);background:#fffaf0;padding:14px}.liff-active-loans h2{margin:0;color:#1f2a24;font-size:18px}.liff-hint{margin:0;color:#6c5f4f;font-size:13px}.liff-return-list{display:grid;gap:8px}.liff-return-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;color:#2b352f;font-size:14px;font-weight:800}.liff-game-section{display:grid;gap:10px}.liff-game-section h2{font-size:18px}.liff-game-grid{display:grid;gap:10px}.liff-game-card{display:grid;gap:5px;width:100%;min-height:98px;border:1px solid #e3d8c7;border-radius:var(--radius);background:#fffdf8;padding:14px;color:#1f2a24;text-align:left;font:inherit}.liff-game-card.selected{border-color:#2d6f4f;background:#eef8f2;box-shadow:inset 0 0 0 1px #2d6f4f}.liff-game-card.digital{background:#edf0f2;color:#67707a}.liff-game-card.borrowed,.liff-game-card.unavailable{background:#f9f0f0;border-color:#e8c0c0;opacity:.8}.liff-game-card .status-label{font-size:14px;font-weight:700;color:var(--danger)}.liff-game-card .digital-label{font-size:13px;color:#67707a}.liff-game-card span,.liff-game-card small{color:#6c5f4f;font-size:13px}.liff-game-card em{justify-self:start;border-radius:999px;background:#dfe5ea;padding:4px 8px;color:#53606b;font-size:12px;font-style:normal;font-weight:800}.app-dialog{border:none;border-radius:var(--radius-lg);padding:0;width:min(760px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000002e}.payroll-block{margin:0 20px 16px;padding:16px;border:1px solid #e6ebf3;border-radius:var(--radius);background:#fbfcfe}.payroll-heading{font-size:15px;font-weight:700;color:#172033;margin-bottom:6px}.payroll-heading span{margin-left:6px;padding:1px 8px;border-radius:999px;background:#eef2f8;color:#67707a;font-size:11px;font-weight:600;vertical-align:middle}.payroll-summary-table{min-width:0;width:100%;border-collapse:collapse;font-size:14px}.payroll-summary-table th,.payroll-summary-table td{padding:7px 0;border:none;vertical-align:baseline;background:none}.payroll-summary-table th[scope=row]{text-align:left;font-weight:600;color:#172033;white-space:nowrap}.payroll-note-cell{color:#7a828d;font-size:12.5px;padding-left:12px!important;width:100%}.payroll-amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#172033}.payroll-amt-minus{color:#c0392b}.payroll-amt-plus{color:#1e8a5a}.payroll-summary-table .payroll-subtotal th,.payroll-summary-table .payroll-subtotal td{border-top:1px solid #e6ebf3;padding-top:9px;font-weight:700}.payroll-summary-table .payroll-total th,.payroll-summary-table .payroll-total td{border-top:2px solid #d3dae6;padding-top:9px;font-size:15px;font-weight:800}.payroll-employer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;padding:9px 12px;border-radius:var(--radius);background:#eef2f8;color:#5a636e;font-size:12.5px}.payroll-chip{padding:1px 8px;border-radius:999px;background:#172033;color:#fff;font-size:11px;font-weight:700}.payroll-employer-total{margin-left:auto;font-weight:700;color:#172033}.payroll-footnote{margin-top:10px;font-size:11.5px;color:#9aa2ac}.payroll-punch-table th,.payroll-punch-table td{text-align:center}.payroll-punch-table td.num,.payroll-punch-table th.num{font-variant-numeric:tabular-nums}.payroll-punch-table tbody tr:nth-child(2n){background:#f7f9fc}.payroll-punch-table tbody tr.is-holiday{background:#fff6ec}.payroll-punch-table tbody tr.is-missing-attendance{background:#ffe1e1}.payroll-tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#fde8cf;color:#9a5a12;font-size:12px;font-weight:600;white-space:nowrap}.payroll-tag-late{background:#fdd8d8;color:#a5281f}.payroll-tag-missing,.staff-attendance-missing-tag{background:#b42318;color:#fff}.staff-attendance-missing-cell{background:#ffe1e1}.staff-attendance-missing-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}@media(max-width:560px){.payroll-employer-total{margin-left:0}}.app-dialog::backdrop{background:#00000073}.app-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.app-dialog-header h2{margin:0;font-size:16px}.dialog-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#888;padding:4px 8px;line-height:1}.dialog-close-btn:hover{color:#333}.modal-backdrop-panel{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#14213d7a;padding:18px}.modal-card-panel{width:min(1040px,96vw);max-height:92vh;overflow-y:auto;border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 70px #14213d47;padding:20px}.modal-heading-actions{display:flex;align-items:center;gap:10px}.modal-heading-actions .dialog-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dce3ee;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none}.game-admin-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:start}.game-admin-cards--retired{grid-template-columns:repeat(5,1fr)}.game-admin-card{border:1px solid #e3d8c7;border-radius:var(--radius);background:#fffdf8;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.game-admin-card:hover{border-color:#c9b99a}.game-admin-card.drag-over{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-ring)}.game-admin-card--retired{background:#f5f5f5;opacity:.7;cursor:default}.game-admin-card-cover{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:#ece2d0}.game-admin-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.game-admin-card-header{display:flex;align-items:flex-start;gap:6px}.drag-handle{font-size:14px;color:#c9b99a;cursor:grab;flex-shrink:0;line-height:1.5}.drag-handle:active{cursor:grabbing}.game-admin-card-title{flex:1;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.game-status-chip{flex-shrink:0;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;background:#e6f4ec;color:#2d6f4f}.game-status-chip.maintenance{background:#fff3cd;color:#856404}.game-status-chip.retired{background:#f0f0f0;color:#888}.game-admin-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:#6c5f4f}.game-category-tag{border-radius:999px;background:#dfe5ea;padding:1px 7px;color:#53606b;font-size:11px;font-weight:700}.game-admin-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.game-admin-box-select{min-height:28px;border:1px solid #dce3ee;border-radius:var(--radius-sm);background:#fff;color:#172033;padding:0 8px;font-size:12px;font-weight:700;cursor:pointer}.count-pill--box-black{background:#1f2a24;color:#fff;border-color:#1f2a24}.count-pill--box-white{background:#fff;color:var(--text-secondary);border-color:#dce3ee}.liff-success{display:grid;gap:12px;border:1px solid #d5e7d9;border-radius:var(--radius);background:#f2fbf4;padding:18px}.liff-success p{margin:0;color:var(--text-secondary)}.muted-cell{margin-top:3px;color:var(--text-muted);font-size:12px}.admin-user-list{display:flex;flex-direction:column;gap:10px}.admin-user-card{border:1px solid #e3d8c7;border-radius:var(--radius);background:#fffdf8;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.admin-user-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-user-email{font-size:14px;word-break:break-all}.admin-user-email-sub{font-size:12px;color:#9c8c7a;word-break:break-all;margin-top:2px}.admin-user-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.admin-user-tabs{display:flex;flex-wrap:wrap;gap:4px}.admin-user-dialog{width:min(560px,96vw)}.admin-user-form{display:flex;flex-direction:column;gap:16px}.admin-user-top-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-user-field{display:flex;flex-direction:column;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700;flex:1;min-width:0}.admin-user-role{flex:0 0 130px}.admin-user-field input,.admin-user-field select{min-height:40px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.admin-user-active-label{display:flex;align-items:center;gap:6px;padding-bottom:10px;font-size:13px;color:#172033;cursor:pointer;white-space:nowrap}.admin-user-active-label input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer}.admin-user-form .admin-tab-picker{display:flex;flex-direction:column;gap:10px}.admin-user-form-actions{display:flex;justify-content:flex-end}.admin-tab-picker-label{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;color:#3a3028}.admin-tab-group{background:#f8f5f0;border-radius:var(--radius-sm);padding:10px 12px}.admin-tab-group-label{margin:0 0 8px;font-size:11px;font-weight:700;color:#8a7868;text-transform:uppercase;letter-spacing:.06em}.admin-tab-checkboxes{display:flex;flex-wrap:wrap;gap:6px 14px}.admin-tab-checkbox-item{display:inline-flex;align-items:center;gap:4px;font-size:13px;cursor:pointer;font-weight:400;white-space:nowrap}.admin-tab-checkbox-item input[type=checkbox]{width:14px;height:14px;flex-shrink:0;margin:0;cursor:pointer}.primary-action,.logout-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border-radius:var(--radius);padding:0 14px;font-size:13px;font-weight:700}.primary-action{background:var(--brand);color:#fff}.names-dialog{width:min(420px,92vw)}.names-dialog-body{display:grid;gap:10px;padding:12px 20px 20px}.names-row{display:flex;align-items:center;gap:8px}.names-row-primary{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:13px;color:var(--text-secondary)}.names-row-input{flex:1;min-width:0;padding:6px 10px;border:1px solid #d3d9e2;border-radius:var(--radius);font-size:14px}.names-dialog-actions{display:flex;justify-content:space-between;margin-top:4px}.names-row-line-tag{flex:0 0 auto;color:#06c755;font-weight:700;font-size:13px}.sort-header{cursor:pointer;white-space:nowrap}.sort-header:hover{color:var(--brand);text-decoration:underline}.sort-header--active{color:var(--brand);font-weight:700}.alias-edit-btn{margin-left:6px;border:none;background:none;padding:2px 4px;cursor:pointer;color:var(--text-muted);font-size:13px}.alias-edit-btn:hover{color:var(--brand)}.customer-alias{margin-left:4px;color:var(--text-muted);font-size:12px}.merge-hint{margin:0 0 10px;color:var(--text-muted);font-size:13px}.merge-done-banner{margin:0;padding:10px 14px;border-radius:var(--radius);background:#e8f3ec;color:var(--ok);font-weight:700}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled,.booking-table-btn:disabled{opacity:.55;cursor:not-allowed}.logout-action{flex:0 0 auto;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff}.login-page,.empty-state{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{width:min(100%,420px)}.login-panel h1{margin-top:18px}@media(max-width:760px){.overview-grid,.topbar{grid-template-columns:1fr}.site-top{padding-top:12px;padding-bottom:12px}.brand-mark{font-size:15px}.top-subtitle{font-size:11px}.top-nav-groups{display:none}.mobile-nav-drawer{display:block;position:sticky;top:0;z-index:10;border-bottom:1px solid #e4e8f0;background:#fff}.mobile-nav-drawer summary{display:flex;min-height:52px;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;padding:0 16px;color:#172033;font-weight:800}.mobile-nav-drawer summary::-webkit-details-marker{display:none}.mobile-nav-drawer summary span:last-child{border:1px solid #dce3ee;border-radius:999px;color:var(--text-secondary);padding:6px 10px;font-size:13px;font-weight:700}.mobile-nav-groups{display:grid;gap:14px;max-height:min(70vh,560px);overflow-y:auto;border-top:1px solid #edf1f7;padding:12px 16px 16px}.mobile-nav-group-label{margin:0 0 6px;color:#8a97a8;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mobile-nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-nav-list a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;color:#26344d;font-size:14px}.mobile-nav-list a.active{border-color:var(--brand);background:var(--brand);color:#fff}.main-pane{gap:14px;padding:14px 16px 28px}h1{font-size:26px}h2{font-size:18px}.user-row{align-items:flex-start;flex-direction:column;gap:4px}.permission-cards{display:grid;gap:10px}.permission-card{display:grid;gap:10px;border-top:1px solid #edf1f7;padding-top:12px}.permission-card:first-child{border-top:0;padding-top:0}.permission-card-head{display:grid;gap:3px}.permission-card-head span{color:var(--text-muted);font-size:13px;overflow-wrap:anywhere}.tab-chip-list{display:flex;flex-wrap:wrap;gap:6px}.tab-chip{border:1px solid #dce3ee;border-radius:999px;background:#f8fafc;color:#26344d;padding:6px 9px;font-size:13px;line-height:1.2}.bookings-head{align-items:flex-start}.filter-panel{flex-direction:column;gap:8px;padding:10px}.filter-panel input,.filter-panel select,.filter-panel .primary-action,.filter-panel .secondary-action,.filter-panel .filter-search-input{height:44px;min-height:44px;max-height:44px;width:100%;box-sizing:border-box}.admin-form{grid-template-columns:1fr 1fr}.admin-form-wide,.admin-form .primary-action,.admin-form .secondary-action{grid-column:1 / -1}.admin-form input,.admin-form select,.admin-form textarea,.admin-form .primary-action,.admin-form .secondary-action{min-height:44px}.announcement-form{grid-template-columns:1fr 1fr}.announcement-form label:first-of-type,.announcement-body-field,.announcement-form .primary-action{grid-column:1 / -1}.announcement-form>.primary-action{justify-self:stretch;min-height:44px}.announcement-form input:not([type=checkbox]):not([type=radio]),.announcement-form select,.announcement-form textarea{min-height:44px}.booking-card-list,.announcement-card-list,.room-card-list{display:grid;gap:10px}.staff-module-grid{grid-template-columns:1fr}.staff-module-card{min-height:104px;padding:14px}.staff-toolbar,.staff-filter,.staff-form-actions,.staff-row-actions{align-items:stretch;flex-direction:column}.booking-card .staff-row-actions{flex-direction:row;align-items:stretch;gap:6px}.booking-card .staff-row-actions form{flex:1;display:flex}.booking-card .booking-table-btn{flex:1;justify-content:center;min-height:44px;width:auto}.filter-date-wrap,.filter-date-input{width:100%}.staff-form{grid-template-columns:1fr}.staff-form input,.staff-filter input,.staff-filter select,.staff-form select,.staff-schedule-editor input,.staff-add-shift select,.staff-filter .primary-action,.staff-filter .secondary-action,.staff-form .primary-action,.staff-form .secondary-action,.staff-row-actions .primary-action,.staff-row-actions .secondary-action,.staff-month-nav .primary-action,.staff-month-nav .secondary-action,.staff-schedule-editor .secondary-action,.staff-add-shift .secondary-action{min-height:44px;width:100%}.staff-filter .staff-report-month-field{width:100%}.staff-filter .staff-report-month-field input{flex:1;min-width:0;width:auto}.staff-month-nav,.staff-schedule-editor,.staff-add-shift,.staff-roster-toolbar,.staff-roster-nav,.staff-quick-add{align-items:stretch;grid-template-columns:1fr}.staff-month-nav,.staff-roster-toolbar,.staff-roster-nav{flex-direction:column}.staff-schedule-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.staff-schedule-actions .primary-action,.staff-schedule-actions .secondary-action{width:100%}.staff-roster-nav>div{min-width:0;text-align:center}.staff-coverage-summary{grid-template-columns:1fr 1fr 1fr}.staff-desktop-table{display:none}.staff-card-list{display:grid;gap:10px}.staff-calendar{grid-template-columns:1fr}.staff-month-grid{grid-template-columns:1fr;overflow-x:visible}.staff-calendar-weekday,.staff-calendar-blank{display:none}.staff-roster-day{min-height:0}.staff-shift-row,.staff-shift-time-row,.staff-day-add-times{grid-template-columns:1fr}.status-editor{grid-template-columns:minmax(0,1fr) auto;min-width:0;border-top:1px solid #edf1f7;padding-top:10px}.status-editor select,.status-save{min-height:44px}.desktop-booking-table,.desktop-room-table,.desktop-announcement-table{display:none}.pager{justify-content:center}}.filter-panel label{flex-shrink:0}.filter-search-input{flex:0 1 200px;min-width:140px;min-height:40px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit;text-align:center;-webkit-appearance:none;appearance:none}.filter-date-input{width:130px}.filter-count{display:flex;align-items:center;color:var(--text-secondary);font-size:13px;white-space:nowrap;padding:0 4px}.filter-new-btn{margin-left:auto}.booking-table-panel{padding:0;overflow:hidden}.booking-table{width:100%;border-collapse:collapse;font-size:13px}.booking-table th{background:#f4f7fb;border-bottom:1px solid #e4e8f0;color:var(--text-secondary);font-weight:700;font-size:12px;padding:9px 10px;text-align:left;white-space:nowrap}.booking-table td{border-bottom:1px solid #eef1f6;padding:8px 10px;vertical-align:middle;color:#172033}.booking-table tr:last-child td{border-bottom:none}.booking-table tr:hover td{background:#fafbfd}.booking-td-time{white-space:nowrap}.booking-td-note{max-width:160px;font-size:12px;color:var(--text-secondary)}.booking-td-created{white-space:nowrap;font-size:12px;color:#8a97a8}.booking-table-empty{text-align:center;color:#8a97a8;padding:32px!important}.booking-status-badge{display:inline-block;font-weight:700;font-size:12px;white-space:nowrap}.booking-status-new{color:#1a1a1a}.booking-status-pending-deposit{color:var(--danger)}.booking-status-confirmed{color:#2563eb}.booking-status-cancelled{color:#8a97a8}.booking-status-legacy-unknown{color:#8a97a8;font-style:italic}.booking-status-admin-hold{color:#6b21a8}.deposit-badge{font-size:13px;font-weight:600;color:var(--text-secondary)}.deposit-badge--empty{color:#c5cdd8}.deposit-badge--odd{color:var(--danger);font-weight:700}.booking-audit-log{margin-top:20px;padding-top:16px;border-top:1px solid #e4e8f0}.booking-audit-log-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-secondary)}.booking-audit-table{min-width:0;width:100%;font-size:12px;border-collapse:collapse}.booking-audit-table th,.booking-audit-table td{padding:5px 8px;text-align:left;border-bottom:1px solid #f0f2f6;vertical-align:top}.booking-audit-table th{background:none;color:#8a97a8;font-size:11px;font-weight:600}.booking-audit-table th:first-child,.booking-audit-table td:first-child{width:auto;white-space:nowrap}.booking-audit-time{white-space:nowrap;color:#8a97a8}.booking-audit-by{color:#8a97a8}.legacy-returning-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#fff4e5;border:1px solid #f5c887;color:#b45309;font-size:11px;font-weight:700;white-space:nowrap;text-decoration:none;vertical-align:middle}.legacy-returning-badge:hover{background:#ffe9c7}.booking-table-btn{display:inline-flex;align-items:center;min-height:30px;border:1px solid #dce3ee;border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);padding:0 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.booking-table-btn:hover{background:#f4f7fb}.booking-table-btn--danger{border-color:#f0c9c9;color:var(--danger)}.booking-table-btn--danger:hover{background:#fff5f5}.booking-edit-dialog{width:min(560px,96vw)}.booking-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-edit-form label{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:700}.booking-edit-form label span{flex:0 0 auto}.booking-edit-form label input,.booking-edit-form label select,.booking-edit-form label textarea{flex:1;min-width:0;min-height:32px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 8px;font:inherit;font-size:13px}.booking-edit-form label.booking-edit-note-label{flex-direction:column;align-items:stretch;gap:5px}.booking-edit-form label textarea{min-height:64px;padding:8px 10px;resize:vertical}.booking-edit-datetime-row{display:flex;align-items:center;gap:8px}.booking-edit-datetime-row input{flex:1;min-width:0;min-height:32px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 8px;font:inherit;font-size:13px}.booking-edit-datetime-row .time-select{flex:1}.booking-edit-datetime-row .time-select select{min-height:32px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 6px;font:inherit;font-size:13px}.booking-edit-time-sep{color:#8a97a8;font-weight:700}.time-select{display:flex;align-items:center;gap:6px}.time-select select{flex:1;min-width:0}.time-select-sep{color:#8a97a8;font-weight:700}.booking-edit-info{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;background:#f4f7fb;border-radius:var(--radius);font-size:13px;color:var(--text-secondary)}.booking-edit-info strong{color:#172033;font-size:15px}.booking-edit-form .staff-form-actions,.booking-edit-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.booking-edit-actions{align-items:center;justify-content:space-between;margin-top:2px}.booking-edit-actions-right{display:flex;gap:8px}.schedule-filter{align-items:center}.schedule-panel{padding:0;overflow:hidden}.schedule-scroll{overflow-x:auto}.schedule-grid{--room-count: 1;min-width:1452px;display:grid;grid-template-columns:88px minmax(1364px,1fr);grid-template-rows:64px repeat(var(--room-count),52px)}.schedule-corner,.schedule-hours,.schedule-room,.schedule-track{border-bottom:1px solid #c2cad6}.schedule-corner,.schedule-room{position:sticky;left:0;z-index:2}.schedule-corner{display:grid;align-items:center;background:var(--brand);color:#fff;padding:0 12px;font-size:12px;font-weight:800}.schedule-hours{display:grid;grid-template-rows:31px 33px;background:var(--brand);color:#ffffffb8;font-size:12px;font-weight:700}.schedule-zones{display:grid;grid-template-columns:7fr 17fr 4fr;border-bottom:1px solid rgba(255,255,255,.14)}.schedule-zones span{display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.schedule-zones span:first-child,.schedule-zones span:last-child{background:var(--brand);color:#fff}.schedule-zones span:last-child{border-right:0}.schedule-time-labels{position:relative}.schedule-time-labels span{position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px}.schedule-time-labels .is-first{transform:translate(-50%,-50%)}.schedule-row{display:contents}.schedule-room{display:grid;align-content:center;gap:3px;background:var(--brand);padding:0 12px}.schedule-room strong{color:#fff;font-size:14px}.schedule-room span{color:#ffffff9e;font-size:12px}.schedule-track{position:relative;min-height:52px;background:repeating-linear-gradient(to right,#f8fafc 0 calc(100% / 28 - 1px),#c2cad6 calc(100% / 28 - 1px) calc(100% / 28))}.schedule-block{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border:2px solid var(--brand);border-radius:0;background:#cdd5e2;color:var(--brand);padding:3px 8px;overflow:hidden;text-align:center;cursor:pointer;box-shadow:none}.schedule-block:hover,.schedule-block:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.schedule-block-line{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;overflow:hidden}.schedule-block strong,.schedule-block-meta,.schedule-block-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-block strong{font-size:12px;min-width:0}.schedule-block-meta{flex-shrink:0;font-size:11px;opacity:.78}.schedule-block-note{max-width:100%;font-size:11px;opacity:.78}.schedule-block-pending-deposit{background:#d8c2ab;color:var(--brand)}.schedule-block-confirmed,.schedule-block-new,.schedule-block-legacy-unknown{background:#cdd5e2;color:var(--brand)}.schedule-block-admin-hold{background:var(--brand);color:#fff}.schedule-block-system,.schedule-block-system:disabled{background:var(--brand);color:#fff;cursor:default;opacity:1}.schedule-block-system:hover,.schedule-block-system:focus-visible{outline:0}@media(max-width:720px){.schedule-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.schedule-grid{min-width:0;grid-template-columns:52px 1fr;grid-template-rows:48px repeat(var(--room-count),minmax(52px,auto))}.schedule-track{min-height:calc(52px * var(--stack-count, 1))}.schedule-room{padding:0 4px}.schedule-room strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-room span{display:none}.schedule-corner{padding:0 4px;font-size:10px}.schedule-hours,.schedule-zones span{font-size:9px}.schedule-time-labels span:nth-child(2n){visibility:hidden}.schedule-block{top:0;bottom:0;height:auto;min-width:0;padding:2px 4px}.schedule-block strong{font-size:11px}.schedule-block-meta,.schedule-block-note{font-size:10px}}.schedule-table{min-width:1400px;border-collapse:collapse;font-size:11px;width:100%}.schedule-tbl-corner{position:sticky;left:0;z-index:3;background:var(--brand);color:#fff;min-width:64px;width:64px;text-align:center;font-size:11px;font-weight:800;border-right:2px solid rgba(255,255,255,.2)}.schedule-tbl-zone{height:28px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;border-right:1px solid rgba(255,255,255,.14)}.schedule-tbl-zone-adv{background:#253a64;color:#ffffffb3}.schedule-tbl-zone-main{background:var(--brand);color:#fff}.schedule-tbl-time{height:26px;min-width:40px;text-align:center;font-size:10px;font-weight:600;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid #c2cad6;white-space:nowrap;padding:0 2px}.schedule-tbl-time-adv{background:#2a3f5f;color:#ffffff8c}.schedule-tbl-time-main{background:var(--brand);color:#ffffffbf}.schedule-table th:first-child,.schedule-table td:first-child{width:auto}.schedule-tbl-room{position:sticky;left:0;z-index:2;background:var(--brand);color:#fff;font-size:14px;font-weight:700;padding:0 6px;white-space:nowrap;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.12);border-right:2px solid rgba(255,255,255,.2);height:44px}.schedule-tbl-slot{height:44px;border-right:1px solid #c2cad6;border-bottom:1px solid #c2cad6;background:#f8fafc}.schedule-tbl-slot-adv{background:#edf1f7}.schedule-tbl-booked{padding:3px 5px;cursor:pointer;vertical-align:top;border:2px solid rgba(28,45,79,.25)}.schedule-tbl-booked:hover{filter:brightness(.94)}.schedule-tbl-booking{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;overflow:hidden;text-align:center}.schedule-tbl-booking-row{display:flex;align-items:baseline;justify-content:center;gap:6px;max-width:100%;overflow:hidden}.schedule-tbl-booking strong{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033}.schedule-tbl-booking span{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-tbl-confirmed,.schedule-tbl-new{background:#cdd5e2}.schedule-tbl-pending-deposit{background:#d8c2ab}.schedule-tbl-legacy-unknown{background:#dce3ee}.schedule-tbl-admin-hold{background:var(--brand);color:#fff}.schedule-tbl-admin-hold .schedule-tbl-booking strong,.schedule-tbl-admin-hold .schedule-tbl-booking span{color:#ffffffd9}.schedule-tbl-cancelled{background:#f0f3f7;opacity:.6}.pos-workbench{display:grid;gap:14px;min-height:0;--pos-ink: #101a35;--pos-muted: #5a6890;--pos-line: rgba(36, 56, 105, .16);--pos-accent: #243869;--pos-gold: #c8a45a;--pos-sage: #2c7a85;--pos-danger: #b14d3d}.pos-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:radial-gradient(circle at 100% 0%,rgba(200,164,90,.18),transparent 46%),linear-gradient(135deg,#14213d,#243869 62%,#3d5290);color:#fff;padding:18px 24px;box-shadow:0 18px 46px #14213d2e}.pos-eyebrow{margin:0 0 5px;color:#c8a45af0;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pos-hero h2{margin:0;font-size:clamp(26px,3vw,40px);line-height:1}.pos-hero-actions,.pos-dialog-actions,.pos-order-actions{display:flex;align-items:center;gap:9px}.pos-hero-actions{flex-wrap:wrap;justify-content:flex-end}.pos-hero-actions time{color:#ffffffd6;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.pos-primary-btn,.pos-ghost-btn,.pos-confirm-btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:999px;padding:0 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.pos-primary-btn{border:1px solid #14213d;background:linear-gradient(135deg,#3d5290,#243869,#14213d);color:#fff;box-shadow:0 10px 24px #14213d3d}.pos-primary-btn:disabled,.pos-ghost-btn:disabled,.pos-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.pos-confirm-btn{border:1px solid rgba(44,122,133,.32);background:#eefafa;color:#17656f}.pos-ghost-btn{border:1px solid rgba(36,56,105,.2);background:#ffffffe6;color:var(--pos-ink)}.pos-hero .pos-ghost-btn{border-color:#ffffff38;background:#ffffff21;color:#fff}.pos-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos-printer-status{justify-self:end;display:inline-flex;min-height:28px;align-items:center;gap:8px;border:1px solid rgba(36,56,105,.14);border-radius:999px;background:#ffffffb8;color:var(--pos-muted);padding:4px 10px;font-size:12px;font-weight:800}.pos-printer-status-dot{width:9px;height:9px;border-radius:999px;background:#9aa7bc;box-shadow:0 0 #9aa7bc61;animation:pos-printer-breathe 1.8s ease-in-out infinite}.pos-printer-status-dot.is-online{background:var(--pos-sage);box-shadow:0 0 #2c7a856b}.pos-printer-status-dot.is-checking{background:var(--pos-gold);box-shadow:0 0 #c8a45a6b}.pos-printer-status-dot.is-offline{background:var(--pos-danger);box-shadow:0 0 #b14d3d6b}@keyframes pos-printer-breathe{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}.pos-summary-card{position:relative;display:grid;gap:4px;overflow:hidden;border:1px solid var(--pos-line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f7f9fd);padding:13px 16px 13px 20px}.pos-summary-card:before{content:"";position:absolute;inset:12px auto 12px 0;width:4px;background:var(--pos-sage)}.pos-summary-card--warning:before{background:#c8a345}.pos-summary-card--gold:before{background:var(--pos-gold)}.pos-summary-card span,.pos-session-summary span,.pos-total-box span,.pos-checkout-breakdown span,.pos-payment-summary span{color:var(--pos-muted);font-size:11px;font-weight:800;letter-spacing:.08em}.pos-summary-card strong{color:var(--pos-ink);font-size:clamp(18px,2vw,24px);font-variant-numeric:tabular-nums}.pos-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.pos-room-grid--workbench{grid-template-columns:repeat(6,minmax(0,1fr))}.pos-room-card{position:relative;display:grid;gap:10px;min-height:148px;overflow:hidden;border:1px solid var(--pos-line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f5f7fb);color:#1f2a24;padding:14px;text-align:left;font:inherit;transition:border-color .16s,box-shadow .16s,transform .16s}.pos-room-card:hover{border-color:#24386961;box-shadow:0 14px 32px #14213d1f;transform:translateY(-2px)}.pos-room-card--active{border-color:#2563eb7a;background:radial-gradient(circle at 100% 0%,rgba(37,99,235,.24),transparent 52%),linear-gradient(180deg,#f8fbff,#dbeafe);box-shadow:inset 0 0 0 1px #2563eb14}.pos-room-card--overdue{border-color:#b14d3d73;background:radial-gradient(circle at 100% 0%,rgba(177,77,61,.16),transparent 52%),linear-gradient(180deg,snow,#f8dfdc)}.pos-room-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:#9aa5b8}.pos-room-card--active .pos-room-dot{background:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.pos-room-card--overdue .pos-room-dot{background:var(--pos-danger);box-shadow:0 0 0 4px #b14d3d2e}.pos-room-card-head,.pos-room-card-footer{display:grid;gap:3px}.pos-room-card-head{justify-items:center;text-align:center}.pos-room-card-head strong{max-width:100%;color:var(--pos-ink);font-size:18px;overflow-wrap:anywhere}.pos-room-card-head em,.pos-empty-copy{color:var(--pos-muted);font-size:13px;font-style:normal;font-weight:700}.pos-room-card-details{display:grid;gap:5px;color:var(--text-secondary);font-size:13px}.pos-room-card-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-room-card-footer{display:flex;align-items:baseline;justify-content:space-between;gap:10px;align-self:end;border-top:1px dashed rgba(36,56,105,.22);padding-top:9px}.pos-room-card-footer span{color:var(--pos-muted);font-size:11px;font-weight:800}.pos-room-card-footer strong{color:var(--pos-ink);font-size:15px;text-align:right;white-space:nowrap}.pos-dialog{width:min(1120px,96vw);max-height:92vh;overflow-y:auto;border:0;border-radius:var(--radius);background:#fff;padding:0;box-shadow:0 34px 90px #14213d57}.pos-dialog::backdrop{background:#14213d7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pos-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1f7;padding:18px 22px 14px}.pos-dialog-header h2{margin:0;color:var(--pos-ink);font-size:22px}.pos-session-dialog{width:min(1180px,96vw)}.pos-dialog:not(.pos-session-dialog){width:min(560px,94vw)}.pos-form-panel,.pos-session-panel{display:grid;gap:14px;padding:18px 22px 20px}.pos-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pos-open-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-form-full{grid-column:1 / -1}.pos-form-grid label,.pos-single-field{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:800}.pos-form-grid input,.pos-form-grid select,.pos-single-field select,.pos-single-field textarea{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.pos-single-field textarea{min-height:96px;padding:9px 10px;resize:vertical}.pos-session-summary,.pos-total-box,.pos-checkout-breakdown,.pos-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pos-session-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-session-summary div,.pos-total-box div,.pos-checkout-breakdown div,.pos-payment-summary div{display:grid;gap:5px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fbfcff;padding:12px}.pos-session-summary input{min-height:32px;min-width:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--pos-ink);padding:0;font:inherit;font-size:16px;font-weight:800}.pos-checkout-breakdown input{min-width:0;min-height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--pos-ink);padding:0;font:inherit;font-size:15px;font-weight:800}.pos-session-summary strong,.pos-checkout-breakdown strong,.pos-payment-summary strong{color:var(--pos-ink);font-size:18px}.pos-picker-panel{display:grid;gap:12px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#f4f7fb;padding:14px}.pos-category-tabs{display:flex;flex-wrap:wrap;gap:7px}.pos-category-tabs button{border:1px solid #dce3ee;border-radius:999px;background:#fff;color:var(--text-secondary);padding:8px 13px;font:inherit;font-size:13px;font-weight:800}.pos-category-tabs button.is-active{border-color:#14213d;background:#243869;color:#fff}.pos-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.pos-menu-card{display:grid;gap:4px;min-height:62px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;padding:9px 11px;color:#1f2a24;text-align:left;font:inherit}.pos-menu-card:hover{border-color:#2c7a85;background:#f5fbfc}.pos-menu-card strong{overflow-wrap:anywhere}.pos-menu-card span{color:var(--text-secondary);font-size:12px}.pos-order-list-panel{min-height:48px}.pos-usage-details{display:grid;gap:8px}.pos-usage-list article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.25fr) minmax(92px,auto);align-items:center;gap:12px}.pos-usage-list{display:grid;gap:7px}.pos-usage-list article{border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:9px 11px}.pos-usage-list article>div{display:grid;gap:3px;min-width:0}.pos-usage-time-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}.pos-usage-time-fields input{min-width:0;min-height:30px;border:1px solid #dce3ee;border-radius:var(--radius-sm);background:#fff;color:#172033;padding:5px 7px;font:inherit;font-size:12px;font-weight:700}.compact-action{min-height:30px;padding:6px 10px;font-size:12px}.report-session-detail{display:grid;gap:16px}.report-session-card-list{display:none}.report-session-card{display:grid;gap:10px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:12px}.report-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,160px));align-items:stretch;justify-content:start;gap:10px}.report-range-controls,.report-custom-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.report-range-controls{margin:0 0 12px}.report-custom-range input{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:0 10px;font:inherit}.report-stat-grid .staff-card{min-height:82px}.report-payment-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,156px));align-items:stretch;justify-content:start;gap:10px}.report-payment-summary-item{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:8px;min-height:38px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#f8fafc;padding:7px 10px}.report-payment-summary-item span{color:var(--text-secondary);font-size:13px}.report-payment-summary-item strong{color:#14213d;font-size:15px;justify-self:end;white-space:nowrap}.payment-label-deposit{color:#7b8794!important}.payment-label-linepay{color:var(--ok)!important}.payment-label-credit{color:#245da8!important}.payment-label-twqr{color:#b5661a!important}.payment-label-promo{color:#c2185b!important}.payment-amount-negative{color:var(--danger)!important}.report-session-card-main,.report-session-card-details{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.report-session-card-main>div{display:grid;gap:3px;min-width:0}.report-session-card-main span,.report-session-card-details{color:var(--text-secondary);font-size:13px}.report-session-card-details{flex-wrap:wrap;justify-content:flex-start}.report-session-card-details span{border-radius:999px;background:#f4f7fb;padding:5px 8px}.report-session-card .compact-action{justify-content:center;min-height:40px}.report-detail-heading,.report-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-detail-heading h3{margin:0}.report-detail-heading p,.report-detail-actions span{margin:4px 0 0;color:#667085;font-size:13px}.report-detail-actions-right{display:flex;gap:8px}.report-detail-heading>strong{color:#14213d;font-size:22px}.report-edit-grid,.report-detail-list{display:grid;gap:10px}.report-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-form-error{margin:0 0 12px;border:1px solid #fecaca;border-radius:var(--radius);background:#fff5f5;color:#b42318;padding:10px 12px;font-size:13px;font-weight:800}.report-edit-grid label,.report-detail-list label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:800}.report-edit-grid input,.report-detail-list input{min-height:36px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#14213d;padding:0 10px;font:inherit;font-weight:800}.report-edit-grid input:disabled,.report-detail-list input:disabled{background:#f4f7fb;color:var(--text-secondary)}.report-session-detail h4{margin:8px 0 0;color:#14213d}.report-detail-list article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(110px,auto);align-items:center;gap:12px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fbfcff;padding:10px 12px}.report-detail-list article>div{display:grid;gap:4px}.report-detail-list article span{color:var(--text-secondary);font-size:13px}.report-detail-list article>strong{justify-self:end;color:#14213d}.report-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.report-payment-grid label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:800}.report-payment-grid label span{color:#3a4658}.report-payment-grid input{min-height:40px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#14213d;padding:0 10px;font:inherit;font-weight:800}.report-payment-grid input:disabled{background:#f4f7fb;color:var(--text-secondary)}.pos-usage-list span,.pos-usage-list em{color:var(--text-secondary);font-size:12px;font-style:normal}.pos-usage-list article>strong{justify-self:end;color:var(--pos-ink);font-size:15px}.pos-order-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.pos-order-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:8px 10px}.pos-order-list li>span:first-child{display:grid;gap:2px;min-width:0}.pos-order-list em{color:var(--text-secondary);font-size:12px;font-style:normal}.pos-order-actions button{width:30px;height:30px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;font:inherit;font-weight:900}.pos-total-box{border-radius:var(--radius);background:linear-gradient(135deg,#14213d,#243869 62%,#3d5290);padding:12px}.pos-total-box div{border-color:#ffffff1f;background:#ffffff0f}.pos-total-box span{color:#ffffffad}.pos-total-box strong{color:#fff;font-size:18px}.pos-total-box div:last-child strong{color:#ffe08a;font-size:20px}.pos-checkout-breakdown .total,.pos-payment-summary .is-owing{border-color:#c8a45a73;background:#fff8e5}.pos-payment-summary .is-owing strong{color:#b14d3d}.pos-dialog-actions{justify-content:space-between}.pos-open-session-actions{border-top:1px solid #edf1f7;padding-top:14px}.pos-dialog-actions>div{display:flex;gap:9px}.pos-form-note{grid-column:1 / -1;margin:0;color:var(--text-secondary);font-size:13px}.staff-form textarea{min-height:88px;min-width:0;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;color:#172033;padding:9px 10px;font:inherit;resize:vertical}@media(max-width:1200px){.pos-room-grid--workbench{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:860px){.pos-hero,.pos-dialog-actions{align-items:stretch;flex-direction:column}.pos-hero-actions,.pos-dialog-actions>div{align-items:stretch;flex-direction:column}.pos-summary-strip,.pos-room-grid--workbench,.pos-form-grid,.pos-session-summary,.report-edit-grid,.report-payment-grid,.report-detail-list article,.pos-total-box,.pos-checkout-breakdown,.pos-payment-summary,.pos-usage-list article{grid-template-columns:1fr}.report-session-card-list{display:grid;gap:10px}.report-detail-heading,.report-detail-actions{align-items:stretch;flex-direction:column}.report-detail-list article>strong{justify-self:start}.pos-usage-list article>strong{justify-self:start}.pos-usage-time-fields{grid-template-columns:1fr}.pos-dialog{width:100vw;max-width:none;max-height:100vh;border-radius:0}.pos-primary-btn,.pos-ghost-btn,.pos-confirm-btn{min-height:44px}}.game-room-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}.game-room-card{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:160px;border:1px solid var(--pos-line, #d8dde8);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f5f7fb);padding:16px}.game-room-card--active{border-color:#2c7a8559;background:radial-gradient(circle at 100% 0%,rgba(44,122,133,.12),transparent 52%),linear-gradient(180deg,#fbffff,#e9f5f7)}.game-room-card--no-room{border-color:#c8a34566;background:radial-gradient(circle at 100% 0%,rgba(200,163,69,.12),transparent 52%),linear-gradient(180deg,#fffdf7,#f9edcd)}.game-room-card-head{position:relative;display:flex;flex-direction:column;gap:2px;padding-right:18px}.game-room-card-head .pos-room-dot{position:absolute;top:4px;right:0;background:#9aa5b8}.game-room-card--active .pos-room-dot{background:var(--pos-sage, #2c7a85);box-shadow:0 0 0 4px #2c7a8529}.game-room-card--no-room .pos-room-dot{background:#c8a345;box-shadow:0 0 0 4px #c8a3452e}.game-room-card-head strong{font-size:16px;color:var(--pos-ink, #1f2a24)}.game-room-card-head em{font-size:12px;font-style:normal;font-weight:700;color:var(--pos-muted, #7a8796)}.game-room-empty-copy{font-size:13px;color:var(--pos-muted, #7a8796);flex:1}.game-loan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}.game-loan-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);background:#ffffffb8;font-size:13px}.game-loan-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pos-ink, #1f2a24);font-weight:600}.game-loan-elapsed{flex-shrink:0;font-size:11px;font-weight:700;color:var(--pos-muted, #7a8796);white-space:nowrap}.game-loan-elapsed--warn{color:var(--pos-danger, #b14d3d)}.game-history-total{font-size:12px;font-weight:400;color:var(--pos-muted, #7a8796)}.game-room-card-footer{border-top:1px dashed rgba(36,56,105,.18);padding-top:10px;margin-top:auto}.game-room-card-footer .secondary-action{width:100%;font-size:13px}.game-history-header{font-size:14px;font-weight:600;color:var(--pos-ink, #1f2a24);margin-bottom:4px}.game-history-toggle{background:none;border:none;font:inherit;font-size:13px;font-weight:600;color:var(--pos-muted, #7a8796);cursor:pointer;padding:0;text-decoration:underline}.game-history-toggle:hover{color:var(--pos-ink, #1f2a24)}@media(max-width:900px){.game-room-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.game-room-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.game-room-grid{grid-template-columns:1fr}}.game-history-cards{display:none}@media(max-width:760px){.game-history-cards{display:grid;gap:8px;margin-top:12px}.game-history-card{display:grid;gap:4px;padding:10px 12px;border:1px solid #e6ebf3;border-radius:var(--radius);background:#fff}.game-history-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.game-history-card-top strong{font-size:14px;color:var(--pos-ink, #1f2a24)}.game-history-card-top span{flex-shrink:0;font-size:12px;color:var(--pos-muted, #7a8796)}.game-history-card-times{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px;color:var(--pos-muted, #7a8796);font-variant-numeric:tabular-nums}}.game-add-room-label{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:4px;background:#2c7a851f;color:var(--pos-sage, #2c7a85);font-size:14px;font-weight:600}.game-borrow-fieldset{grid-column:1 / -1;border:1px solid var(--pos-line, #d8dde8);border-radius:var(--radius);padding:12px 14px;margin:0}.app-dialog .staff-form-actions{grid-column:1 / -1}.game-borrow-fieldset legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--pos-ink, #1f2a24);display:flex;align-items:center;gap:8px}.game-borrow-hint{font-size:11px;font-weight:400;color:var(--pos-muted, #7a8796)}.game-borrow-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.game-borrow-search{flex:1;padding:5px 10px;border:1px solid var(--pos-line, #d8dde8);border-radius:var(--radius-sm);font:inherit;font-size:13px;outline:none}.game-borrow-search:focus{border-color:var(--pos-sage, #2c7a85)}.game-borrow-count{flex-shrink:0;font-size:12px;font-weight:700;color:var(--pos-sage, #2c7a85);white-space:nowrap}.game-borrow-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.game-borrow-option{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .12s}.game-borrow-option:hover:not(.game-borrow-option--full){background:#2c7a850f}.game-borrow-option--checked{border-color:#2c7a8566;background:#2c7a8514}.game-borrow-option--full{opacity:.45;cursor:not-allowed}.game-borrow-option input[type=checkbox]{flex-shrink:0;width:16px;height:16px;accent-color:var(--pos-sage, #2c7a85)}.game-borrow-option-title{flex:1;font-size:13px;font-weight:600;color:var(--pos-ink, #1f2a24);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-borrow-stock{font-size:11px;font-weight:700;color:var(--pos-muted, #7a8796);white-space:nowrap}.game-borrow-stock--empty{color:var(--pos-danger, #b14d3d)}.game-borrow-selected{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.game-borrow-selected-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--pos-sage, #2c7a85);background:#2c7a851a;color:var(--pos-sage, #2c7a85);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.game-borrow-quickpick{margin-top:12px;padding-top:10px;border-top:1px dashed var(--pos-line, #d8dde8)}.game-borrow-quickpick-label{display:block;font-size:11px;font-weight:700;color:var(--pos-muted, #7a8796);margin-bottom:6px}.game-borrow-tags{display:flex;flex-wrap:wrap;gap:6px}.game-borrow-tag{border:1px solid var(--pos-line, #d8dde8);background:#fff;color:var(--pos-ink, #1f2a24);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.game-borrow-tag:hover:not(:disabled){border-color:var(--pos-sage, #2c7a85)}.game-borrow-tag--checked{border-color:var(--pos-sage, #2c7a85);background:#2c7a851f;color:var(--pos-sage, #2c7a85)}.game-borrow-tag--full{opacity:.45;cursor:not-allowed}.monitoring-toolbar{flex-wrap:wrap}.monitoring-notice{display:grid;gap:4px;border:1px solid #f1d39a;border-radius:var(--radius);background:#fff8e8;color:#684500;padding:12px 14px;font-size:14px}.monitoring-notice strong{font-size:15px}.monitoring-risk-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce3ee;border-radius:var(--radius);background:#fff;padding:16px}.monitoring-risk-hero span,.monitoring-risk-card-head span{color:var(--text-muted);font-size:12px;font-weight:800}.monitoring-risk-hero strong{display:block;margin-top:4px;color:#172033;font-size:28px;line-height:1.2}.monitoring-risk-hero p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.monitoring-risk-legend{display:grid;gap:6px;min-width:220px;color:var(--text-secondary);font-size:12px;font-weight:700}.monitoring-risk-healthy{border-color:#bfe4cb;background:#f3fbf6}.monitoring-risk-watch,.monitoring-risk-setup{border-color:#f1d39a;background:#fff8e8}.monitoring-risk-danger{border-color:#f2b8b0;background:#fff4f2}.monitoring-grid,.monitoring-two-column,.monitoring-three-column,.monitoring-risk-grid{display:grid;gap:12px}.monitoring-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.monitoring-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-three-column,.monitoring-risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-card{display:grid;gap:8px;min-width:0;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:14px}.monitoring-card span,.monitoring-line span{color:var(--text-muted);font-size:12px;font-weight:800}.monitoring-card strong{color:#172033;font-size:24px;line-height:1.2}.monitoring-section{display:grid;gap:12px}.monitoring-section h2{margin:0}.monitoring-section-head,.monitoring-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.monitoring-list{display:grid;gap:8px}.monitoring-line{border-bottom:1px solid #edf1f7;padding-bottom:8px}.monitoring-line:last-child{border-bottom:0;padding-bottom:0}.monitoring-line strong{color:#172033;font-size:14px;text-align:right}.monitoring-risk-card,.monitoring-mini-chart,.monitoring-ranked-list,.monitoring-empty-state{display:grid;gap:10px;min-width:0;border:1px solid #e4e8f0;border-radius:var(--radius);background:#fff;padding:12px}.monitoring-risk-card-head,.monitoring-risk-value{display:flex;align-items:center;justify-content:space-between;gap:10px}.monitoring-risk-card-head strong{border-radius:999px;padding:3px 8px;background:#17203314;color:#172033;font-size:12px}.monitoring-risk-value strong{color:#172033;font-size:20px}.monitoring-risk-value span{color:var(--text-muted);font-size:12px;font-weight:700;text-align:right}.monitoring-risk-card p,.monitoring-risk-card small,.monitoring-empty-state span{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}.monitoring-risk-card small{font-weight:700}.monitoring-progress{height:8px;overflow:hidden;border-radius:999px;background:#edf1f7}.monitoring-progress span{display:block;height:100%;border-radius:inherit;background:#2f7d4c}.monitoring-risk-watch .monitoring-progress span,.monitoring-risk-setup .monitoring-progress span{background:#b97900}.monitoring-risk-danger .monitoring-progress span{background:#b14d3d}.monitoring-mini-chart h3,.monitoring-ranked-list h3{margin:0;color:#172033;font-size:15px}.monitoring-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18px,1fr);align-items:end;gap:4px;min-height:140px;overflow-x:auto;padding-top:8px}.monitoring-bar-item{display:grid;align-items:end;gap:5px;min-width:18px;height:140px}.monitoring-bar{display:block;align-self:end;border-radius:4px 4px 0 0;background:#2c7a85}.monitoring-bar-item small{color:var(--text-muted);font-size:10px;font-weight:700;text-align:center;white-space:nowrap;transform:rotate(-45deg);transform-origin:top center}.monitoring-empty-state strong{color:#172033;font-size:15px}@media(max-width:900px){.monitoring-grid,.monitoring-two-column,.monitoring-three-column,.monitoring-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-risk-hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.monitoring-grid,.monitoring-two-column,.monitoring-three-column,.monitoring-risk-grid{grid-template-columns:1fr}}