:root{--bg:#f8f8f8;--surface:#fff;--surface-2:#f8f9fe;--surface-translucent:#ffffff80;--border:#0f007380;--text:#121120;--text-muted:#121120b8;--accent:#0f0073;--accent-hover:#14009e;--accent-text:#fff;--danger:#c62105;--danger-bg:#e227061a;--success:#2c7a0e;--success-bg:#45bc1224;--warning:#8a5a00;--warning-bg:#ffb80033;--overlay-scrim:#12112038;--radius:14px;--radius-sm:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#08003e;--surface:#0f0073;--surface-2:#ffffff12;--surface-translucent:#0f007380;--border:#fff6;--text:#fff;--text-muted:#ffffffa6;--accent:#c7f603;--accent-hover:#b3dc03;--accent-text:#08003e;--danger:#ff9d8a;--danger-bg:#e2270647;--success:#fff;--success-bg:#45bc124d;--warning:#fff;--warning-bg:#ffb80047;--overlay-scrim:#08003e99}}:root[data-theme=light]{--bg:#f8f8f8;--surface:#fff;--surface-2:#f8f9fe;--surface-translucent:#ffffff80;--border:#0f007380;--text:#121120;--text-muted:#121120b8;--accent:#0f0073;--accent-hover:#14009e;--accent-text:#fff;--danger:#c62105;--danger-bg:#e227061a;--success:#2c7a0e;--success-bg:#45bc1224;--warning:#8a5a00;--warning-bg:#ffb80033;--overlay-scrim:#12112038}:root[data-theme=dark]{--bg:#08003e;--surface:#0f0073;--surface-2:#ffffff12;--surface-translucent:#0f007380;--border:#fff6;--text:#fff;--text-muted:#ffffffa6;--accent:#c7f603;--accent-hover:#b3dc03;--accent-text:#08003e;--danger:#ff9d8a;--danger-bg:#e2270647;--success:#fff;--success-bg:#45bc124d;--warning:#fff;--warning-bg:#ffb80047;--overlay-scrim:#08003e99}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Barlow,Arial,sans-serif;font-size:18px}h1,h2,h3{margin:0 0 8px;font-family:Barlow,Arial,sans-serif;font-weight:700}h1{font-size:34px}h2{font-size:26px}h3{font-size:21px}p{margin:0}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.top-nav :focus-visible{outline-color:#c7f603}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{z-index:20;background:#0f0073;border-bottom:1px solid #ffffff1f;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.brand-logo{width:auto;height:28px;display:block}.nav-links{flex:1;gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:#ffffffb3;padding:6px 12px;font-size:16px;font-weight:600;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#c7f603;background:#c7f60329}.nav-user{color:#ffffffb3;align-items:center;gap:8px;font-size:15px;display:flex}.approver-chip{color:#08003e;text-transform:uppercase;letter-spacing:.03em;background:#c7f603;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.nav-hamburger{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:22px;line-height:1;display:none}.nav-drawer{display:contents}@media (width<=768px){.nav-hamburger{justify-content:center;align-items:center;display:inline-flex}.nav-drawer{background:#0f0073;border-bottom:1px solid #ffffff1f;flex-direction:column;gap:16px;max-height:calc(100vh - 50px);padding:16px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav-drawer-open{display:flex}.nav-links{flex-direction:column;gap:4px}.nav-user{border-top:1px solid #ffffff1f;flex-wrap:wrap;padding-top:12px}}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header-actions{align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card>h2:first-child{margin-bottom:12px}.settings-stack{flex-direction:column;gap:16px;display:flex}.settings-card{max-width:560px}.settings-number-input{max-width:120px}.settings-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:10px 18px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-icon{padding:10px 14px;font-size:18px;line-height:1}.date-nav{align-items:center;gap:6px;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{padding:6px 14px;font-size:14px}.form-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-label{color:var(--text-muted);font-size:15px;font-weight:600}.form-row-split{flex-direction:row;gap:8px}.form-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.form-field .input{width:100%}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;font-family:inherit;font-size:16px}.checkbox-row{flex-wrap:wrap;gap:12px;display:flex}.checkbox-pill{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:15px;display:flex}.checkbox-pill.checked{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.checkbox-pill:focus-within{outline:2px solid var(--accent);outline-offset:2px}.radio-row{gap:8px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 12px;font-size:14px;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-confirmed,.badge-approved{background:var(--success-bg);color:var(--success)}.badge-rejected,.badge-conflict{background:var(--danger-bg);color:var(--danger)}.badge-partiallyapproved{background:var(--warning-bg);color:var(--warning)}.badge-cancelled,.badge-free{background:var(--surface-2);color:var(--text-muted)}.list-table{border-collapse:collapse;width:100%;font-size:16px}.list-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:13px;font-weight:700}.list-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}.list-table tr:last-child td{border-bottom:none}.empty-state{color:var(--text-muted);text-align:center;padding:24px;font-size:16px}.table-scroll{overflow-x:auto}.nowrap-cell{white-space:nowrap}.my-bookings-dates{width:260px}.cell-actions{text-align:right;white-space:nowrap}.access-confirm{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.approvals-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.approvals-note-input{width:160px;min-width:120px}.floor-plan-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:auto}.floor-plan-canvas{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:20px 20px;position:relative}.plan-box{border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:#121120;border:1px solid #0f00738c;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex;position:absolute;overflow:hidden}.plan-box:not(.element-box):not(.plan-box-inert):hover,.editable-box:hover>.plan-box{outline-offset:1px;outline:2px solid #0f0073}.plan-box-inert{cursor:default}.plan-box.room-box{border-style:dashed;font-weight:700}.plan-box.element-box{cursor:default;opacity:.85;font-style:italic}.plan-box .box-title{font-weight:700;line-height:1.2}.plan-box .box-title-occupant{font-size:18px;line-height:1.25}.plan-box .box-subtitle{opacity:.75;font-size:13px}.my-desk-banner{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@keyframes desk-highlight-pulse{0%,to{outline-color:#0000}50%{outline-color:var(--accent)}}.desk-box-highlighted{outline:3px solid var(--accent);outline-offset:2px;animation:.8s ease-in-out 2 desk-highlight-pulse}.status-free{background:#a6e096}.status-confirmed{background:#a3bdf7}.status-pending{background:#ffd15c}.status-assigned{background:#cf7360}.status-neutral{background:#eef0f7}.status-room-busy{background:#cf7360}.editable-box{cursor:move;touch-action:none;position:absolute}.editable-box .plan-box{width:100%;height:100%;cursor:inherit;position:static}.editable-box-handle{background:var(--accent);border:2px solid var(--surface);cursor:se-resize;touch-action:none;border-radius:4px;width:16px;height:16px;position:absolute;bottom:-6px;right:-6px}.placement-overlay{z-index:50;cursor:crosshair;position:absolute;inset:0}.placement-ghost{pointer-events:none;background:var(--surface-2);border:2px dashed var(--accent);opacity:.75}.plan-box-wrapper{position:absolute}.plan-box-wrapper .plan-box{width:100%;height:100%;position:static}.legend{flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:15px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-swatch{border:1px solid #0f00738c;border-radius:4px;width:15px;height:15px}.desk-hover-card{z-index:30;border-radius:var(--radius);cursor:default;color:#fff;background:#08003e;border:1px solid #c7f60366;width:400px;padding:18px;font-size:15px;position:absolute;top:calc(100% + 8px);left:0}.desk-hover-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.desk-hover-nav{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff4d;width:30px;height:30px;font-size:17px;line-height:1}.desk-hover-nav:hover{background:#ffffff42}.desk-hover-days{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.desk-hover-day{border-radius:var(--radius-sm);cursor:pointer;color:#121120;border:1px solid #0f00738c;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 3px;font-size:13px;display:flex}.desk-hover-day:disabled{cursor:default}.desk-hover-day.past{opacity:.65}.desk-hover-day-label{font-size:14px;font-weight:700}.desk-hover-day-status{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.desk-hover-hint{text-align:center;margin-top:10px}.desk-hover-card .hint-text{color:#ffffffa6}.modal-overlay{background:var(--overlay-scrim);z-index:100;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface-translucent);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:24px}.modal-wide{max-width:760px}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.modal-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.error-text{color:var(--danger);margin-top:4px;font-size:15px}.hint-text{color:var(--text-muted);font-size:15px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.auth-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.quick-book-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.quick-book-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;padding:28px 24px}.quick-book-card h1{margin-bottom:16px}.quick-book-button{width:100%;margin-top:8px;padding:16px;font-size:18px}.quick-book-status{font-size:18px;font-weight:600}.quick-book-status-success{color:var(--accent)}.quick-book-suggestions{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.quick-book-suggestion-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.quick-book-suggestion{text-decoration:none}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.qr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);break-inside:avoid;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.qr-card-label{text-align:center;font-weight:700}@media print{:root,:root[data-theme=light],:root[data-theme=dark]{--bg:#fff;--surface:#fff;--surface-2:#fff;--text:#121120;--text-muted:#121120b8;--border:#0f007380}.top-nav,.page-header-actions{display:none}.qr-grid{grid-template-columns:repeat(3,1fr)}.qr-card{background:#fff;border:1px solid #000}}.occurrence-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.person-picker{position:relative}.person-picker-current{align-items:center;min-height:28px;display:flex}.person-picker-value{flex-direction:column;gap:2px;display:flex}.person-picker-name{font-weight:600}.person-picker-email{color:var(--text-muted);font-size:13px}.person-picker-no-email{font-style:italic}.person-picker-actions{gap:8px;margin-top:8px;display:flex}.person-picker-dropdown{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.person-picker-option{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;flex-direction:column;gap:2px;padding:8px 12px;font-family:inherit;display:flex}.person-picker-option:hover{background:var(--surface-2)}.person-picker-option .person-picker-email{font-size:13px}.person-picker-freetext{border-top:1px solid var(--border);color:var(--text-muted);font-style:italic}.person-picker-hint{color:var(--text-muted);padding:8px 12px;font-size:14px}.attendee-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.attendee-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:14px;display:inline-flex}.attendee-chip button{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.attendee-chip button:hover{background:var(--surface-2);color:var(--text)}.room-timeline{margin-top:6px}.room-timeline-ticks{height:16px;position:relative}.room-timeline-tick-label{color:var(--text-muted);white-space:nowrap;font-size:12px;position:absolute;transform:translate(-50%)}.room-timeline-track{border-radius:var(--radius-sm);background:#eef0f7;border:1px solid #0f00738c;height:60px;position:relative;overflow:hidden}.room-timeline-gridline{background:#0f007340;width:1px;position:absolute;top:0;bottom:0}.room-timeline-gridline-hour{width:2px}.room-timeline-busy{border-radius:var(--radius-sm);border:1px solid #0f0073;position:absolute;top:6px;bottom:6px;overflow:hidden}.room-timeline-busy.status-room-busy{background-image:repeating-linear-gradient(135deg,#0f007338 0 3px,#0000 3px 8px)}.room-timeline-buffer{opacity:.4;border-radius:var(--radius-sm);position:absolute;top:10px;bottom:10px}.room-timeline-selected{border-radius:var(--radius-sm);pointer-events:none;background:0 0;border:2px dashed #0f0073;position:absolute;top:0;bottom:0}.room-timeline-hint{margin-top:6px}.rooms-timeline-scroll{overflow-x:auto}.rooms-timeline{--timeline-track-offset:180px;min-width:780px}.rooms-timeline-body{position:relative}.rooms-timeline-status{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.rooms-timeline-status .btn{margin-left:auto}.rooms-timeline-row{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:20px;padding:16px 0;font-family:inherit;display:flex}.rooms-timeline-row:last-child{border-bottom:none}.rooms-timeline-row-clickable{cursor:pointer}.rooms-timeline-row-clickable:hover{background:var(--surface-2)}.rooms-timeline-header{padding-bottom:8px}.rooms-timeline-label{flex-direction:column;flex:0 0 160px;gap:2px;min-width:0;display:flex;overflow:hidden}.rooms-timeline-name{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.rooms-timeline-row .room-timeline-track{flex:1;height:56px}.rooms-timeline-row .room-timeline-ticks{flex:1}.rooms-timeline-now-line{z-index:5;pointer-events:none;background:#e22706;width:2px;position:absolute;top:0;bottom:0}.rooms-timeline-now-line:before{content:"";background:#e22706;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px}.rooms-timeline-now-swatch{vertical-align:middle;background:#e22706;width:3px;height:14px;margin-right:6px;display:inline-block}.dev-switcher{align-items:center;gap:6px;display:flex}.dev-switcher select{border-radius:var(--radius-sm);color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;padding:4px 8px;font-size:14px}.dev-switcher select option{color:#121120;background:#fff}.theme-toggle{border:1px solid #ffffff40;border-radius:999px;gap:2px;padding:2px;display:flex}.theme-toggle-option{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.theme-toggle-option:hover{color:#fff}.theme-toggle-option.active{color:#08003e;background:#c7f603}