:root{--header-height:72px;--color-header:#0e3b2e;--rail-width:90px;--filter-width:314px;--color-surface:#fff;--color-workspace:#f0f1f1;--header-padding-x:32px;--title-size:24px;--subtitle-size:16px;--color-green:#50bc87;--color-floor-current:#cdd0d1;--color-announcement:#c00000;--field-fill:#e3e5e6;--field-height:46px;--field-button-width:44px;--desk-free-border:#50bc87;--desk-free-fill:#b3dcc5;--desk-taken-border:#5b5b5b;--desk-taken-fill:#a5a7a9}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,sans-serif}.app-shell{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--rail-width) 1fr var(--filter-width);height:100%;display:grid}.app-shell>header{grid-column:1/-1}.app-shell>nav{background:var(--color-surface)}.app-shell>main{background:var(--color-workspace)}.app-shell>aside{background:var(--color-surface)}@media (width<=1099px){.app-shell{grid-template-columns:1fr}.app-shell>nav,.app-shell>aside{top:var(--header-height);z-index:10;display:none;position:absolute;bottom:0;overflow-y:auto}.app-shell>nav{width:var(--rail-width);left:0}.app-shell>aside{width:var(--filter-width);right:0}.app-shell>nav.is-open,.app-shell>aside.is-open{display:block}}.app-header{height:100%;padding:0 var(--header-padding-x);background:var(--color-header);justify-content:space-between;align-items:center;display:flex}.app-header-titles{flex-direction:column;gap:4px;display:flex}.app-header-title{font-size:var(--title-size);color:var(--color-surface);margin:0;font-weight:600}.app-header-subtitle{font-size:var(--subtitle-size);color:var(--color-green);margin:0}.app-header-actions{align-items:center;gap:8px;display:flex}.app-header-toggle{background:var(--color-green);width:44px;height:44px;color:var(--color-header);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;display:none}.app-header-home{background:var(--color-green);width:44px;height:44px;color:var(--color-header);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}@media (width<=1099px){.app-header-toggle{display:flex}}.floor-nav{flex-direction:column;align-items:center;padding:8px 0;display:flex}.floor-nav-building{border-bottom:1px solid var(--color-workspace);flex-direction:column;align-items:center;gap:2px;width:100%;padding-bottom:8px;font-size:12px;display:flex}.floor-nav-list{flex-direction:column;align-items:stretch;gap:2px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.floor-nav-floor{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;width:100%;padding:8px 2px;display:flex}.floor-nav-floor.is-current{background:var(--color-floor-current);box-shadow:inset 4px 0 0 var(--color-green)}.floor-nav-number{font-size:28px;line-height:1}.floor-nav-word{font-size:11px;font-weight:700}.floor-nav-badge{background:var(--color-green);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.floor-plan{aspect-ratio:540/975;width:min(540px,100%);height:auto;display:block}.plan-walls line,.plan-doors path{stroke:#9a9d9f;stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.plan-rooms rect{stroke:#b9bcbe;stroke-width:.8px;fill:none;vector-effect:non-scaling-stroke}.plan-stairs line,.plan-stairs rect,.plan-elevators rect,.plan-elevators line,.plan-furniture rect,.plan-furniture circle{stroke:#c4c7c9;stroke-width:.6px;fill:none;vector-effect:non-scaling-stroke}.plan-labels text{fill:#7a7d7f;font-size:6.5px}.desk rect{stroke-width:1px}.desk text{fill:#333638;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:6px}.desk--free rect{stroke:var(--desk-free-border);fill:var(--desk-free-fill)}.desk--own rect,.desk--taken rect{stroke:var(--desk-taken-border);fill:var(--desk-taken-fill)}.desk--free{cursor:pointer}.workspace{flex-direction:column;height:100%;padding:16px 24px;display:flex;overflow:auto}.workspace-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-announcement{color:var(--color-announcement);max-width:1204px;margin:0;font-size:13px;font-style:italic}.workspace-listview{background:var(--color-surface);width:32px;height:32px;color:var(--color-green);cursor:pointer;border:1px solid #d9dbdc;flex:none;justify-content:center;align-items:center;display:inline-flex}.workspace-plan{flex:1;justify-content:center;align-items:flex-start;padding-top:16px;display:flex}.filter-panel{background:var(--color-surface);flex-direction:column;gap:12px;height:100%;padding:16px 12px;font-size:14px;display:flex;overflow-y:auto}.filter-panel h2{margin:0;font-size:16px}.filter-field{flex-direction:column;gap:4px;display:flex;position:relative}.filter-label{font-weight:700}.filter-control{height:var(--field-height);background:var(--field-fill);border-radius:4px;align-items:stretch;display:flex;overflow:hidden}.filter-text{flex:1;align-items:center;padding:0 8px;display:flex}.filter-button{width:var(--field-button-width);background:var(--color-surface);color:var(--color-green);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex}.filter-select{appearance:none;font:inherit;background:0 0;border:0;flex:1;padding:0 8px}.filter-input{font:inherit;background:0 0;border:0;flex:1;padding:0 8px}.filter-listbox{z-index:10;background:var(--color-surface);border:1px solid var(--field-fill);border-radius:4px;margin:2px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.filter-listbox li{cursor:pointer;padding:6px 8px}.filter-listbox li[aria-selected=true]{background:var(--field-fill)}.filter-slots{flex-direction:column;gap:4px;display:flex}.filter-slot{background:var(--field-fill);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:4px;padding:8px}.filter-slot.is-selected{color:var(--color-green);background:var(--color-surface);font-weight:700;box-shadow:0 1px 4px #0003}.filter-radios{flex-direction:column;gap:4px;display:flex}.filter-radio{align-items:center;gap:6px;display:flex}.filter-radio input{accent-color:#0b5fff}.filter-date-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desk-dialog-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.desk-dialog{background:var(--color-surface);border-radius:4px;min-width:240px;padding:16px 20px;box-shadow:0 4px 16px #00000040}.desk-dialog-title{margin:0 0 8px;font-size:18px}.desk-dialog-detail{margin:2px 0;font-size:14px}.desk-dialog-actions{gap:8px;margin-top:14px;display:flex}.desk-dialog-primary{background:var(--color-green);color:var(--color-surface);cursor:pointer;border:none;border-radius:3px;padding:8px 16px}.desk-dialog-secondary{border:1px solid var(--field-fill);cursor:pointer;background:0 0;border-radius:3px;padding:8px 16px}