:root{--bg:#eef1f5;--surface:#fff;--surface-2:#f6f7fa;--border:#dde1e8;--text:#191d24;--text-muted:#656b7a;--text-faint:#9aa0ac;--accent:#0e7c7b;--accent-contrast:#fff;--accent-wash:#e2f2f1;--chart-1:#0e7c7b;--chart-2:#3f7fd1;--brand-red:#c01e2e;--brand-red-hover:#a11726;--available-bg:#e4f5ec;--available-fg:#147a46;--occupied-bg:#e9eefc;--occupied-fg:#2e56c4;--onbreak-bg:#efe9fb;--onbreak-fg:#6b46b0;--renewed-bg:#d6dff8;--renewed-fg:#1f3f9e;--overtime-bg:#fce7e3;--overtime-fg:#c23b22;--needsclean-bg:#fdf6e8;--needsclean-fg:#b08a3a;--cleaning-bg:#fdf0dc;--cleaning-fg:#a86a08;--maintenance-bg:#ececef;--maintenance-fg:#5b5f6b;--pendingpayment-bg:#fbe7f3;--pendingpayment-fg:#ac3e83;--tile-strip-tint:#00000024;--shadow:0 8px 24px -8px #14161e2e}:root[data-theme=dark]{--bg:#14161b;--surface:#1d2027;--surface-2:#23262e;--border:#313540;--text:#edeff3;--text-muted:#9a9fac;--text-faint:#6b7280;--accent:#3fbdba;--accent-contrast:#0b1413;--accent-wash:#16302f;--chart-1:#3fbdba;--chart-2:#7fb0ea;--available-bg:#123322;--available-fg:#4fdc93;--occupied-bg:#17233f;--occupied-fg:#86a9f7;--onbreak-bg:#241a38;--onbreak-fg:#b79ee8;--renewed-bg:#101c38;--renewed-fg:#6f93e0;--overtime-bg:#3a1712;--overtime-fg:#ff8266;--needsclean-bg:#2e2612;--needsclean-fg:#d9b876;--cleaning-bg:#3a2b0c;--cleaning-fg:#f6bd53;--maintenance-bg:#292c33;--maintenance-fg:#adb1bd;--pendingpayment-bg:#33182a;--pendingpayment-fg:#e78fc0;--tile-strip-tint:#00000052;--shadow:0 8px 28px -8px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14161b;--surface:#1d2027;--surface-2:#23262e;--border:#313540;--text:#edeff3;--text-muted:#9a9fac;--text-faint:#6b7280;--accent:#3fbdba;--accent-contrast:#0b1413;--accent-wash:#16302f;--chart-1:#3fbdba;--chart-2:#7fb0ea;--available-bg:#123322;--available-fg:#4fdc93;--occupied-bg:#17233f;--occupied-fg:#86a9f7;--onbreak-bg:#241a38;--onbreak-fg:#b79ee8;--renewed-bg:#0f2e2c;--renewed-fg:#3fbdba;--overtime-bg:#3a1712;--overtime-fg:#ff8266;--needsclean-bg:#2e2612;--needsclean-fg:#d9b876;--cleaning-bg:#3a2b0c;--cleaning-fg:#f6bd53;--maintenance-bg:#292c33;--maintenance-fg:#adb1bd;--pendingpayment-bg:#33182a;--pendingpayment-fg:#e78fc0;--tile-strip-tint:#00000052;--shadow:0 8px 28px -8px #0000008c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:84px;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:8px;padding:9px 10px;font-size:13px}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:16px;padding:32px 28px}.login-card:has(.staff-list){max-width:560px}.login-brand{text-align:center;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;font-size:14px;font-weight:700}.login-subtitle{text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.login-hint{text-align:center;color:var(--text-muted);padding:20px 0;font-size:14px}.login-error{text-align:center;color:var(--overtime-fg);background:var(--overtime-bg);border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:13px}.staff-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.staff-row{text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.staff-row:hover{border-color:var(--accent)}.staff-row-avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-contrast);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.staff-row-name{font-size:14.5px;font-weight:600}.staff-row-role{color:var(--text-muted);font-size:12px}.pin-dots{justify-content:center;gap:14px;margin-bottom:20px;display:flex}.pin-dot{border:1px solid var(--border);background:0 0;border-radius:999px;width:14px;height:14px}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-pad button{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:16px 0;font-family:inherit;font-size:20px;font-weight:600}.pin-pad button:disabled{opacity:.5;cursor:not-allowed}.pin-pad-back,.pin-pad-del{color:var(--text-muted);font-size:14px!important;font-weight:600!important}.checkin-pane input:not([type=checkbox]),.checkin-pane select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px}.checkin-error{color:var(--overtime-fg);background:var(--overtime-bg);border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:13px}.privacy-note{color:var(--text-faint);margin:0 0 14px;font-size:11.5px}.ci-search-input{margin-bottom:10px}.status-pill{text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.status-active{background:var(--available-bg);color:var(--available-fg)}.status-expired{background:var(--maintenance-bg);color:var(--maintenance-fg)}.status-suspended,.status-banned{background:var(--overtime-bg);color:var(--overtime-fg)}.status-none{background:var(--surface-2);color:var(--text-muted)}.checkin-choice-row{gap:8px;display:flex}.checkin-choice-row .btn{flex:1}.ci-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:10px 0 6px;font-size:11px;font-weight:700}.ci-field-label:first-child{margin-top:0}.ci-readonly-amount{color:var(--text);font-size:15px;font-weight:700}.ci-readonly-amount .hint{color:var(--text-muted);text-transform:none;letter-spacing:normal;font-size:12px;font-weight:500}.ci-checkbox-row{align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.field-error{color:var(--overtime-fg);margin-top:8px;font-size:12px}.ci-member-name-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ci-member-name{font-size:19px;font-weight:700}.ci-back-link{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:700}.ci-back-link:hover{color:var(--text)}.panel-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;display:flex}.ci-pending-charges{background:var(--overtime-bg);color:var(--overtime-fg);border-radius:10px;margin-top:14px;padding:12px}.ci-pending-charges-label{margin-bottom:6px;font-size:13px;font-weight:700}.ci-pending-charge-row{justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px;display:flex}.ci-pending-charge-amount{white-space:nowrap;font-weight:600}.ci-pending-charges-hint{opacity:.85;margin-top:6px;font-size:11.5px}.panel-stat-total{font-weight:700}.panel-stat-total span:first-child{color:var(--text)}.btn-action{background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:600;display:flex}.btn-action.selected{border-color:var(--accent);background:var(--accent-wash)}.checkin-inventory-scroll{max-height:360px;margin-top:12px;overflow-y:auto}@media (width<=640px){.checkin-inventory-scroll{max-height:none;overflow-y:visible}}.checkin-blocked{background:var(--overtime-bg);color:var(--overtime-fg);text-align:center;border-radius:10px;margin-top:4px;padding:16px}.checkin-blocked-title{font-size:14.5px;font-weight:700}.checkin-blocked-body{margin-top:6px;font-size:12.5px}.checkin-blocked-note{opacity:.85;margin-top:10px;font-size:11.5px;font-style:italic}.empty-hint{color:var(--text-faint);padding:8px 0;font-size:13px}.btn-ghost{color:var(--text-muted);background:0 0}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent)}.activity-view{max-width:720px}.activity-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.activity-filter-sep{color:var(--text-muted);font-size:12px}.activity-member-filter{color:var(--accent);background:var(--accent-wash);border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.activity-link{appearance:none;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:700}.activity-link:hover{color:var(--accent);text-decoration:underline}.activity-link:disabled{cursor:default}.activity-list{flex-direction:column;gap:2px;display:flex}.activity-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 4px;font-size:13.5px;display:flex}.activity-line{flex:auto;min-width:200px}.activity-reason{color:var(--text-muted);font-size:12.5px;font-style:italic}.activity-when{color:var(--text-faint);white-space:nowrap;flex:none;font-size:12px}.floor-hint,.floor-error{color:var(--text-muted);padding:20px 0;font-size:14px}.floor-error{color:var(--overtime-fg)}.legend{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-available{background:var(--available-fg)}.legend-occupied{background:var(--occupied-fg)}.legend-onbreak{background:var(--onbreak-fg)}.legend-renewed{background:var(--renewed-fg)}.legend-overtime{background:var(--overtime-fg)}.legend-needsclean{background:var(--needsclean-fg)}.legend-cleaning{background:var(--cleaning-fg)}.legend-maintenance{background:var(--maintenance-fg)}.legend-pendingpayment{background:var(--pendingpayment-fg)}.checkin-mode-banner{z-index:5;background:var(--pendingpayment-bg);border:none;border-bottom:3px solid var(--pendingpayment-fg);border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:-12px -16px 12px;padding:14px 16px;display:flex;position:sticky;top:-12px}.checkin-mode-banner-title{color:var(--pendingpayment-fg);font-size:15px;font-weight:800}.checkin-mode-banner-sub{color:var(--pendingpayment-fg);opacity:.85;margin-top:2px;font-size:12.5px;font-weight:600}.filter-row-compact{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.view-toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.view-toggle button{appearance:none;background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button.view-toggle-active{background:var(--accent);color:var(--accent-contrast)}.filter-select{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.filter-select-active{background:var(--occupied-bg);color:var(--occupied-fg);border-color:var(--occupied-fg)}.filter-clear-inline{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600}.empty-hint{color:var(--text-faint);text-align:center;padding:30px 0;font-size:13px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.type-groups{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.type-group-head{white-space:nowrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.type-group-icon{font-size:15px}.type-group-name{text-transform:uppercase;color:var(--text);font-size:11px;font-weight:700}.type-group-count{color:var(--text-muted);font-size:11px}.tile{appearance:none;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:space-between;min-height:62px;padding:5px 8px 6px;font-family:inherit;display:flex;position:relative}.tile-inert{cursor:default;opacity:.45}.tile-head{line-height:1.15}.tile-type-row{text-transform:uppercase;background:var(--tile-strip-tint);border-radius:8px 8px 0 0;justify-content:space-between;align-items:baseline;gap:6px;margin:-5px -8px 4px;padding:3px 8px 2px;font-size:8.5px;font-weight:700;display:flex}.tile-price{font-variant-numeric:tabular-nums}.tile-num{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tile-pill{text-transform:uppercase;opacity:.85;font-size:9px;font-weight:700}.tile-guest{opacity:.9;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10.5px;overflow:hidden}.tile-timer{opacity:.8;font-size:10px}.tile-amenity-badges{flex-wrap:nowrap;justify-content:flex-end;gap:4px;display:flex;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.tile-amenity-badge{letter-spacing:.02em;color:inherit;opacity:.65;white-space:nowrap;font-size:7px;font-weight:800;line-height:1}.tile-available{background:var(--available-bg);color:var(--available-fg);border-color:var(--available-fg)}.tile-occupied{background:var(--occupied-bg);color:var(--occupied-fg);border-color:var(--occupied-fg)}.tile-onbreak{background:var(--onbreak-bg);color:var(--onbreak-fg);border-color:var(--onbreak-fg)}.tile-renewed{background:var(--renewed-bg);color:var(--renewed-fg);border-color:var(--renewed-fg)}.tile-needsclean{background:var(--needsclean-bg);color:var(--needsclean-fg);border-color:var(--needsclean-fg)}.tile-cleaning{background:var(--cleaning-bg);color:var(--cleaning-fg);border-color:var(--cleaning-fg)}.tile-maintenance{background:var(--maintenance-bg);color:var(--maintenance-fg);border-color:var(--maintenance-fg)}.tile-overtime{background:var(--overtime-bg);color:var(--overtime-fg);border-color:var(--overtime-fg)}.tile-pendingpayment{background:var(--pendingpayment-bg);color:var(--pendingpayment-fg);border-color:var(--pendingpayment-fg)}.floor-map-dark{background:#121214;border-radius:0;margin:-12px -16px;padding:12px 16px}.floor-map-dark .tile-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.floor-map-dark .legend{color:#8a8a92;border-top-color:#2a2a2e}.floor-map-dark .filter-row-compact .view-toggle,.floor-map-dark .filter-row-compact .filter-select{color:#e4e4e7;background:#1c1c1f;border-color:#2f2f33}.floor-map-dark .filter-row-compact .view-toggle button{color:#b8b8bf;background:0 0}.floor-map-dark .filter-row-compact .view-toggle button.view-toggle-active{background:var(--accent);color:var(--accent-contrast)}.tile-dark{border-width:0;border-radius:12px;min-height:68px;padding:8px 11px 9px 10px;overflow:hidden;box-shadow:0 1px 2px #00000040}.tile-dark.tile-overtime{border:2px solid var(--overtime-fg)}.tile-dark.tile-available{color:#1c1c1f;background:#fff}.tile-dark .tile-num{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;overflow:hidden}.tile-dark-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.tile-dark-right{flex-shrink:0;align-items:center;gap:4px;font-size:17px;font-weight:700;display:flex}.tile-dark-icon{font-size:17px;position:relative;top:2px}.tile-dark .tile-pill{margin-bottom:1px;font-size:10px}.tile-dark .tile-guest{opacity:.75}.tile-dark .tile-timer{opacity:.65}.scrim{z-index:15;background:#0a0c1059;position:fixed;inset:0}.panel{background:var(--surface);border-left:1px solid var(--border);width:360px;max-width:100vw;height:100%;box-shadow:var(--shadow);z-index:16;padding:22px;position:fixed;top:0;right:0;overflow-y:auto}@media (width<=640px){.panel{border-left:none;width:100%;padding:18px 16px}}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.panel-room{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:12px}button.panel-room-link{appearance:none;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}button.panel-room-link:hover{text-decoration-color:currentColor}.report-issue-form{margin-top:4px}.report-issue-input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;padding:9px 10px;font-family:inherit;font-size:13px}.report-issue-input+.report-issue-input{margin-top:8px}.incident-description{resize:vertical}.incident-saved-hint{color:var(--available-fg);background:var(--available-bg);border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:12.5px;display:inline-block}.report-issue-checkbox{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.checkout-fees{margin-top:14px}.checkout-fees .report-issue-checkbox:first-of-type{margin-top:6px}.panel-guest{margin-bottom:16px;font-size:19px;font-weight:700}.panel-guest-name{margin-bottom:16px;font-size:16px;font-weight:700}.panel-overtime-alert{background:var(--overtime-bg);color:var(--overtime-fg);border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:700}.panel-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.panel-stat-row span:first-child{color:var(--text-muted)}.panel-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.room-activity-row{border-bottom:1px solid var(--border);padding:7px 0;font-size:12.5px}.room-activity-line{color:var(--text)}.room-activity-when{color:var(--text-muted);margin-top:1px;font-size:11px}.panel-error{color:var(--overtime-fg);background:var(--overtime-bg);border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:13px}.panel-grace-notice{color:var(--available-fg);background:var(--available-bg);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:600}.btn-action{appearance:none;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action .hint{color:var(--text-muted);font-size:11px;font-weight:400}.btn-cancel{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-onbreak{background:var(--onbreak-bg);color:var(--onbreak-fg);border:none}.btn-available{background:var(--available-bg);color:var(--available-fg);border:none}.btn-maintenance{background:var(--maintenance-bg);color:var(--maintenance-fg);border:none}.checklist{flex-direction:column;gap:10px;margin-top:12px;display:flex}.checklist-last-occupant{appearance:none;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:400;display:flex}.checklist-last-occupant:disabled{cursor:default}.checklist-last-occupant .hint{color:var(--text-muted);font-size:11px;font-weight:400}.checklist-report-issue{margin-top:4px}.checklist-item{align-items:center;gap:10px;font-size:14px;display:flex}.checklist-actions{gap:8px;margin-top:10px;display:flex}.mark-clean{flex:1;padding:12px 0;font-size:14px}.mark-clean:disabled{opacity:.45;cursor:not-allowed}.issue-row{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.issue-row-title{margin-bottom:8px;font-size:13.5px;font-weight:600}.issue-row-actions{gap:8px;display:flex}.issue-row-actions .btn{flex:1}.cleaner-queue{max-width:560px}.queue-list{flex-direction:column;gap:10px;display:flex}.queue-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.queue-room{font-size:15px;font-weight:700}.queue-room-type{color:var(--text-muted);font-size:12px;font-weight:400}.queue-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.queue-card-actions{flex:none;align-items:center;gap:10px;display:flex}.queue-status-pill{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.queue-status-pill.queued{background:var(--cleaning-bg);color:var(--cleaning-fg)}.queue-status-pill.claimed{background:var(--occupied-bg);color:var(--occupied-fg)}.queue-status-pill.paused{background:var(--onbreak-bg);color:var(--onbreak-fg)}.queue-empty{color:var(--text-muted);text-align:center;padding:30px 0;font-size:13.5px}.btn-small{white-space:nowrap;padding:7px 12px;font-size:12.5px}.room-detail{max-width:640px}.room-detail-back{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-family:inherit;font-size:13px;font-weight:600}.room-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.room-detail-title{font-size:20px;font-weight:700}.room-detail-status{color:var(--text-muted);margin-top:2px;font-size:12.5px}.room-detail-report{margin-bottom:16px}.member-results{flex-direction:column;gap:6px;display:flex}.member-result{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;display:flex}.member-result:hover{border-color:var(--accent)}.member-result-name{font-size:13px;font-weight:600}.member-result-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.member-tier-tag{color:var(--text-muted);background:var(--surface);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600}.members-view{max-width:720px}.members-view input:not([type=checkbox]),.members-view select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px}.incident-type-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.members-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.members-search-input{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text);border-radius:8px;flex:160px;padding:9px 10px;font-family:inherit;font-size:13.5px}.members-status-select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:9px 10px;font-family:inherit;font-size:13px}.member-detail-back{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-family:inherit;font-size:13px}.status-banner{border-radius:10px;margin-bottom:14px;padding:14px 16px}.status-banner-label{text-transform:uppercase;letter-spacing:.03em;font-size:15px;font-weight:700}.status-banner-sub{opacity:.9;margin-top:3px;font-size:12.5px}.status-banner-reason{text-align:left;margin-top:6px;font-size:13px;line-height:1.4}.status-banner.status-active{background:var(--available-bg);color:var(--available-fg)}.status-banner.status-expired{background:var(--maintenance-bg);color:var(--maintenance-fg)}.status-banner.status-suspended,.status-banner.status-banned{background:var(--overtime-bg);color:var(--overtime-fg)}.status-banner.status-none{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.status-banner.status-none .status-banner-label{text-transform:none;letter-spacing:normal}.member-warning-banner{background:var(--needsclean-bg);color:var(--needsclean-fg);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.member-warning-icon{flex:none}.pronoun-tag{color:var(--text-muted);background:var(--surface-2);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600}.member-detail-header{margin-bottom:4px}.member-detail-name{font-size:18px;font-weight:700}.member-identity-line{color:var(--text-muted);margin-top:3px;font-size:12.5px}.member-action-btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.member-action-btn:hover{border-color:var(--accent)}.note-item{border-top:1px solid var(--border);padding:10px 0}.note-item:first-child{border-top:none}.note-body{white-space:pre-wrap;font-size:13px}.note-meta{color:var(--text-faint);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.note-pushed{color:var(--available-fg)}.add-note-row{gap:8px;margin-top:12px;display:flex}.add-note-row input{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);border-radius:8px;flex:1;padding:0 10px;font-family:inherit;font-size:13px}.add-note-row button{height:34px;padding:0 14px}.visit-row,.charge-row,.ls-sale-row{border-top:1px solid var(--border);padding:10px 0;font-size:13px}.visit-row:first-child,.charge-row:first-child,.ls-sale-row:first-child{border-top:none}.visit-row-line,.ls-sale-row-line{justify-content:space-between;gap:10px;display:flex}.ls-sale-row-line span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.visit-room-link{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.visit-room-link:disabled{color:var(--text);cursor:default}.visit-row-meta{color:var(--text-muted);margin-top:2px;font-size:11.5px}.charge-row-line{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.charge-row-amount{font-weight:700}.charge-row-actions{gap:6px;margin-top:8px;display:flex}.merge-field-row{margin-bottom:14px}.merge-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.merge-options{gap:8px;display:flex}.merge-option{border:1px solid var(--border);text-align:left;background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:12.5px}.merge-option.selected{border-color:var(--accent);background:var(--accent-wash);color:var(--accent);font-weight:600}.member-tier-picker{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:14px}.add-member-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;max-width:360px;margin-bottom:14px;padding:14px;display:flex}.add-member-form input:not([type=checkbox]),.add-member-form select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13.5px}.maintenance-view{max-width:760px}.maintenance-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.priority-badge{text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.priority-badge.priority-low{background:var(--available-bg);color:var(--available-fg)}.priority-badge.priority-medium{background:var(--needsclean-bg);color:var(--needsclean-fg)}.priority-badge.priority-high{background:var(--overtime-bg);color:var(--overtime-fg)}.priority-badge.priority-urgent{background:var(--overtime-bg);color:var(--overtime-fg);animation:1s step-start infinite priority-urgent-blink}@media (prefers-reduced-motion:reduce){.priority-badge.priority-urgent{animation:none}}@keyframes priority-urgent-blink{50%{opacity:.35}}.issue-status-badge{text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.issue-status-badge.status-open{background:var(--needsclean-bg);color:var(--needsclean-fg)}.issue-status-badge.status-in_progress{background:var(--occupied-bg);color:var(--occupied-fg)}.issue-status-badge.status-paused{background:var(--onbreak-bg);color:var(--onbreak-fg)}.issue-status-badge.status-fixed{background:var(--available-bg);color:var(--available-fg)}.issue-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:6px;padding:12px 14px;font-family:inherit;display:flex}.issue-card:hover{border-color:var(--accent)}.issue-card-title{font-size:13.5px;font-weight:600}.issue-card-meta{color:var(--text-muted);margin-top:3px;font-size:11.5px}.issue-card-badges{flex:none;align-items:center;gap:6px;display:flex}.issue-detail-back{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-family:inherit;font-size:13px}.issue-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.issue-detail-title{font-size:18px;font-weight:700}.issue-detail-room-link{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.issue-detail-actions{gap:8px;margin:16px 0;display:flex}.priority-picker{gap:6px;margin-top:6px;display:flex}.priority-picker button{border:1px solid var(--border);text-align:center;background:var(--surface-2);color:var(--text);cursor:pointer;text-transform:uppercase;border-radius:8px;flex:1;padding:7px 8px;font-family:inherit;font-size:11.5px;font-weight:600}.priority-picker button.active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.priority-picker button.urgent{border-color:var(--overtime-fg);color:var(--overtime-fg)}.priority-picker button.urgent.active{background:var(--overtime-bg);animation:1s step-start infinite priority-urgent-blink}@media (prefers-reduced-motion:reduce){.priority-picker button.urgent.active{animation:none}}.issue-photo-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.issue-photo-thumb{border:1px solid var(--border);border-radius:8px;width:64px;height:64px;display:block;position:relative;overflow:hidden}.issue-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.issue-photo-remove{color:#fff;cursor:pointer;background:#0a0c1099;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.report-issue-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;max-width:420px;margin-bottom:14px;padding:14px;display:flex}.report-issue-form input,.report-issue-form select,.report-issue-form textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13.5px}.report-issue-form textarea{resize:vertical;min-height:56px}.section-label{text-transform:uppercase;color:var(--accent);margin:22px 0 10px;font-size:11px;font-weight:700}.section-label:first-child{margin-top:0}.settings-hint,.settings-error{color:var(--text-muted);padding:20px 0;font-size:14px}.settings-error{color:var(--overtime-fg)}.settings-view{max-width:640px}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:4px;display:flex}.settings-tab{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:600}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.staff-cards{flex-direction:column;gap:10px;display:flex}.staff-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.staff-card.inactive{opacity:.55}.staff-card-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.staff-card-name{font-size:14.5px;font-weight:700}.staff-card-deactivated{color:var(--text-muted);font-size:12px;font-weight:400}.staff-card-role{color:var(--accent);font-size:12px;font-weight:600}.staff-card-perms{color:var(--text-muted);margin-top:4px;font-size:12px}.amenities-list{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.amenity-checkbox-row{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.staff-card-actions{flex:none;align-items:center;gap:8px;display:flex}.staff-card-error{color:var(--overtime-fg);background:var(--overtime-bg);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:12px}.btn{appearance:none;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.btn-small{margin-top:10px;padding:5px 10px;font-size:11.5px}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--text)}.pin-input{border:1px solid var(--border);background:var(--surface-2);width:90px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:2px;border-radius:8px;padding:7px 8px;font-family:inherit}.perms-editor{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.perm-checkbox{align-items:center;gap:8px;font-size:13px;display:flex}.perms-editor-actions{gap:8px;margin-top:4px;display:flex}.add-staff-form{flex-direction:column;gap:8px;max-width:320px;display:flex}.add-staff-form input,.add-staff-form select,.add-staff-form textarea,.staff-card textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.staff-card input,.staff-card textarea{width:100%;margin-bottom:8px}.perm-checkbox input,.amenity-checkbox-row input{flex:none;width:auto;margin-bottom:0}.tier-field input,.tier-field select{box-sizing:border-box;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:14.5px}.add-staff-form .btn{align-self:flex-start}.pricing-windows{flex-direction:column;gap:10px;display:flex}.pricing-window-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;padding:10px 12px;display:flex}.pricing-window-row input,.pricing-window-row select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.pw-field{flex-direction:column;gap:3px;display:flex}.pw-field-label{text-transform:uppercase;color:var(--text-faint);font-size:10.5px;font-weight:700}.pw-label{width:150px}.pw-from-to{color:var(--text-muted);padding-bottom:7px;font-size:12.5px}.side-pane{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:360px;display:flex;overflow-y:auto}.side-pane-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:13.5px;font-weight:700;display:flex}.side-pane-head-plain{border-bottom:none;padding-bottom:6px}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:20px;line-height:1}.side-pane-body{flex:1;padding:16px}@media (width<=640px){.side-pane{top:var(--mobile-topbar-h);z-index:20;border-left:none;width:100%;position:fixed;bottom:0;left:0;right:0}}.tasks-view{max-width:640px}.task-lists{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.task-list-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.task-list-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.task-list-name{font-size:14.5px;font-weight:700}.task-recurring-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-wash);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10.5px;font-weight:700}.task-list-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.supplies-view{max-width:640px}.supply-card.below-par{border-color:var(--overtime-fg)}.supply-below-par-badge{background:var(--overtime-bg);color:var(--overtime-fg);text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-block}.supply-counts-row{font-variant-numeric:tabular-nums;margin-top:6px}.supply-count-value{font-size:15px;font-weight:700}.supply-count-sep{color:var(--text-faint);margin:0 3px}.supply-par-value{color:var(--text-muted);font-size:12px}.supply-last-counted{color:var(--text-faint);margin-top:4px;font-size:11.5px}.supply-reserve-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.supply-reserve-label{color:var(--text-muted);font-size:12.5px}.supply-reserve-label strong{color:var(--text);font-variant-numeric:tabular-nums}.supply-reserve-actions{gap:6px;display:flex}.supply-reserve-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.supply-reserve-form input{border:1px solid var(--border);background:var(--surface-2);width:100px;color:var(--text);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:13px}.reports-view{max-width:900px}.report-index-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:900px;margin-bottom:26px;display:grid}.report-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:12px;padding:16px 18px;font-family:inherit}.report-card:hover{border-color:var(--accent)}.report-card-title{margin-bottom:8px;font-size:13.5px;font-weight:700}.report-card-stat{font-size:22px;font-weight:700}.report-card-hint{color:var(--text-muted);margin-top:4px;font-size:11.5px}.report-more-list{flex-direction:column;gap:2px;max-width:420px;display:flex}.report-more-link{appearance:none;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:inherit;font-size:13.5px}.report-more-link:hover{color:var(--accent)}.report-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-family:inherit;font-size:13px;display:inline-block}.report-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:640px;margin-bottom:20px;padding:18px 20px}.report-title{margin-bottom:2px;font-size:14px;font-weight:700}.report-sub{color:var(--text-muted);margin-bottom:16px;font-size:12px}.digest-date-input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;margin-bottom:14px;padding:6px 8px;font-family:inherit;font-size:13px}.hbar-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.hbar-label{width:108px;color:var(--text-muted);flex:none;font-size:12.5px}.hbar-track{background:var(--surface-2);border-radius:4px;flex:1;height:14px;overflow:hidden}.hbar-fill{background:var(--chart-1);border-radius:4px;height:100%}.hbar-value{text-align:right;width:54px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.bar-chart-bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:3px;height:140px;padding-bottom:2px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-col-bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.bar{border-radius:3px 3px 0 0;width:100%;max-width:16px}.bar-labels{gap:3px;margin-top:6px;display:flex}.bar-label-col{text-align:center;color:var(--text-muted);flex:1;min-width:0;font-size:9px}.chart-legend{color:var(--text-muted);gap:14px;margin-bottom:10px;font-size:11.5px;display:flex}.chart-legend-item{align-items:center;gap:5px;display:flex}.chart-legend-dot{border-radius:2px;width:9px;height:9px}.report-stats-row{flex-wrap:wrap;gap:20px;margin-bottom:4px;display:flex}.report-stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.report-stat-label{color:var(--text-muted);font-size:11.5px}.occupancy-log-table-wrap{border:1px solid var(--border);border-radius:8px;max-height:420px;overflow:auto}.occupancy-log-table{border-collapse:collapse;width:100%;font-size:12.5px}.occupancy-log-table th{background:var(--surface-2);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:8px 10px;font-size:11px;font-weight:700;position:sticky;top:0}.occupancy-log-table td{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;padding:7px 10px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar-spacer{flex:auto}.brand-logo{flex:none;width:26px;height:26px}.brand-name{text-transform:uppercase;white-space:nowrap;font-size:15px;font-weight:700}.staff-badge-wrap{flex:none;position:relative}.staff-badge{appearance:none;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-family:inherit;font-size:13px;display:flex}.staff-avatar{background:var(--accent);width:24px;height:24px;color:var(--accent-contrast);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.on-duty-dot{background:var(--available-fg);border:1.5px solid var(--surface);border-radius:999px;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.staff-menu{background:var(--surface);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);z-index:5;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);left:0}.staff-menu-divider{background:var(--border);height:1px;margin:4px 6px}.staff-menu-item{appearance:none;width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.staff-menu-item:hover{background:var(--surface-2)}.staff-menu-logout{color:var(--overtime-fg)}.clock-group{white-space:nowrap;flex:none;align-items:baseline;gap:6px;font-size:13px;display:flex}.clock-now{font-variant-numeric:tabular-nums;color:var(--available-fg);font-weight:700}.clock-sep{color:var(--text-faint)}.clock-out{font-variant-numeric:tabular-nums;color:var(--overtime-fg);font-weight:700}.clock-rate{text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.search-box{flex:0 0 296px;align-items:center;gap:8px;width:296px;min-width:0;display:flex}.search-input-wrap{flex:auto;min-width:0;position:relative}.search-input-wrap input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:36px;color:var(--text);box-sizing:border-box;border-radius:8px;padding:0 28px 0 10px;font-family:inherit;font-size:13px}.search-clear-btn{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:16px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-go-btn{appearance:none;border:1px solid var(--border);background:var(--accent);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700}.notif-bell-wrap{flex:none;position:relative}.notif-bell-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:16px;display:flex;position:relative}.notif-bell-badge{background:var(--overtime-fg);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notif-bell-menu{background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);z-index:5;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.notif-bell-empty{color:var(--text-muted);white-space:nowrap;padding:8px 12px;font-size:12.5px}.notif-bell-item{appearance:none;width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.notif-bell-item:hover{background:var(--surface-2)}.hamburger-btn{border:1px solid var(--brand-red);background:var(--brand-red);color:#fff;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:16px;display:flex}.hamburger-btn:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}.hamburger-btn:focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}.menu-list{flex-direction:column;gap:2px;display:flex}.nav-item{appearance:none;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:600}.nav-item:hover{background:var(--surface-2)}.my-pin-form{flex-direction:column;display:flex}.my-pin-form .pin-input{margin-bottom:4px}.app-body{flex:1;min-height:0;display:flex}.app-main{flex:1;min-width:0;padding:12px 16px;overflow-y:auto}@media (width<=640px){.topbar{z-index:30;grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:6px 8px;padding:8px 10px;display:grid;position:sticky;top:0}.app-shell{--mobile-topbar-h:95px}.brand-logo,.brand-name,.topbar-spacer{display:none}.staff-badge-wrap{grid-area:1/1}.clock-rate{white-space:nowrap;grid-area:1/2;justify-self:start;padding:2px 6px;font-size:10px}.clock-group{flex-direction:column;grid-area:1/3;justify-self:start;align-items:flex-start;gap:0;font-size:11px;line-height:1.25}.clock-sep{display:none}.notif-bell-wrap{grid-area:1/4;justify-self:end}.hamburger-btn{grid-area:1/5;justify-self:end}.search-box{grid-area:2/1/auto/-1;width:100%;max-width:none}.app-main{padding:8px 10px}}.offline-banner{background:var(--overtime-fg);color:#fff;text-align:center;padding:8px 16px;font-size:13.5px;font-weight:600}.offline-banner strong{text-transform:uppercase;margin-right:6px;font-weight:800}