:root{--color-bg:#f7f8f9;--color-surface:#fff;--color-surface-muted:#eef0f3;--color-border:#e2e5ea;--color-border-strong:#8a9099;--color-text:#202124;--color-text-muted:#5b5f66;--color-brand-dark:#202f61;--color-brand-bright:#2cb475;--color-accent:#1f7a52;--color-accent-hover:#1b6b48;--color-accent-active:#175c3e;--color-accent-soft:#e9f2ee;--color-accent-soft-hover:#dcebe4;--color-accent-soft-active:#cfe3da;--color-free:var(--color-accent);--color-occupied:#c1524a;--color-reserved:#b3701f;--color-blocked:#767c85;--color-focus:var(--color-brand-dark);--color-selected:var(--color-accent);--color-danger:#b0413a;--color-danger-hover:#9a3831;--color-danger-soft:#f7eceb;--color-success:var(--color-accent);--color-success-soft:var(--color-accent-soft);--color-warning:#8f5a12;--color-warning-soft:#f4efe7;--color-info:#2f5d8a;--color-info-soft:#eaeff3;--color-overlay:#1e1b1673;--plan-wall:var(--color-text);--plan-window:#4c7ea3;--plan-door:#a3785a;--plan-plant-pot:#8a6a4f;--plan-plant-leaf:#5f9469;--gradient-brand-mark:linear-gradient(135deg, var(--color-brand-bright), var(--color-brand-dark));--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Figtree", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--text-title-size:1.75rem;--text-heading-size:1.125rem;--text-section-size:1rem;--text-body-size:1rem;--text-dense-size:.875rem;--text-small-size:.8125rem;--text-micro-size:.75rem;--text-figure-size:1.5rem;--text-title:800 var(--text-title-size)/1.2 var(--font-sans);--text-heading:700 var(--text-heading-size)/1.3 var(--font-sans);--text-section:700 var(--text-section-size)/1.25 var(--font-sans);--text-body:400 var(--text-body-size)/1.5 var(--font-sans);--text-dense:400 var(--text-dense-size)/1.43 var(--font-sans);--text-small:400 var(--text-small-size)/1.4 var(--font-sans);--text-micro:600 var(--text-micro-size)/1.33 var(--font-sans);--text-figure:700 var(--text-figure-size)/1.2 var(--font-sans);--tracking-title:-.03em;--tracking-section:.06em;--tracking-brand:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-page-end:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-overlay:0 20px 50px #0003;--focus-ring:2px solid var(--color-focus);--control-height:2.5rem;--control-height-sm:2rem;--touch-target:2.75rem;--content-max:960px;--duration-fast:.12s;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-height:100svh;font:var(--text-body);color:var(--color-text);background:var(--color-bg);margin:0}h1,h2,h3{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}h1{font:var(--text-title);letter-spacing:var(--tracking-title);color:var(--color-brand-dark)}h2{font:var(--text-section);text-transform:uppercase;letter-spacing:var(--tracking-section);color:var(--color-text-muted);margin-bottom:var(--space-3)}h3{font:var(--text-heading)}p{margin:0}button,input,select,textarea{font:inherit}a{color:var(--color-accent)}a:hover{color:var(--color-accent-active)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}::selection{background:var(--color-accent-soft-active)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-wrap:balance;cursor:pointer;transition:background var(--duration-fast) ease;background:var(--color-surface-muted);color:var(--color-text);border:none;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-border)}.button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover{background:var(--color-accent-hover);color:#fff}.button--primary:active{background:var(--color-accent-active)}.button--ghost{background:var(--color-accent-soft);color:var(--color-accent)}.button--ghost:hover{background:var(--color-accent-soft-hover);color:var(--color-accent)}.button--ghost:active{background:var(--color-accent-soft-active)}.button--secondary{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.button--secondary:hover{background:var(--color-bg)}.button--danger{background:var(--color-danger);color:#fff}.button--danger:hover{background:var(--color-danger-hover);color:#fff}.button--small{min-height:var(--control-height-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-small-size)}.button--block{width:100%}@media (pointer:coarse){.button{min-height:var(--touch-target)}}.tool{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-micro-size);color:var(--color-text-muted);cursor:pointer;padding:.4rem .65rem;font-weight:600}.tool:hover{background:var(--color-surface-muted)}.tool--active,.tool[aria-pressed=true]{background:var(--color-selected);border-color:var(--color-selected);color:#fff}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font:var(--text-micro);background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap;padding:.1rem .5rem;display:inline-flex}.badge--warn{background:var(--color-danger-soft);color:var(--color-danger)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.field{gap:var(--space-2);color:var(--color-text);flex-direction:column;display:flex}.field__label,fieldset.field>legend{font-weight:600;font-size:var(--text-dense-size);color:var(--color-text-muted);padding:0}fieldset.field{border:none;margin:0;padding:0}.field__hint{font:var(--text-small);color:var(--color-text-muted)}.field__error{font:var(--text-small);color:var(--color-danger);font-weight:600}.field--row{gap:var(--space-4);flex-direction:row}.field--row>.field{flex:1}@media (width<=30rem){.field--row{flex-direction:column}}.input,.select{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:var(--text-body);width:100%}.input:focus-visible,.select:focus-visible{border-color:var(--color-accent)}.field--error .input,.field--error .select{border:2px solid var(--color-danger)}.choice-group{gap:var(--space-2);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);cursor:pointer;display:flex}.choice input{accent-color:var(--color-accent);width:18px;height:18px;margin:0}@media (pointer:coarse){.choice{min-height:var(--touch-target)}}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.panel--idle{background:var(--color-accent-soft);border-style:dashed;border-color:var(--color-border-strong)}.panel__title{font:var(--text-heading);margin:0}.panel__hint{font:var(--text-small);color:var(--color-text-muted)}.panel__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.notice{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:var(--text-dense);line-height:1.5}.notice__title{font-weight:700}.notice--error{background:var(--color-danger-soft);color:var(--color-danger)}.notice--success{background:var(--color-success-soft);color:var(--color-success)}.notice--warning{background:var(--color-warning-soft);color:var(--color-warning)}.notice--info{background:var(--color-info-soft);color:var(--color-info)}.stats{gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.stat{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:8rem}.stat__label{font:var(--text-small);color:var(--color-text-muted)}.stat__value{margin:var(--space-1) 0 0;font:var(--text-figure);font-variant-numeric:tabular-nums}.stat__hint{font:var(--text-small);color:var(--color-text-muted);margin-top:var(--space-1)}@media (width<=30rem){.stat{flex-basis:calc(50% - var(--space-3))}}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;font:var(--text-dense)}.table__caption{text-align:left;padding-bottom:var(--space-2);font-weight:600}.table th{text-align:left;font:var(--text-small);color:var(--color-text-muted);background:var(--color-surface-muted);font-weight:600;position:sticky;top:0}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.table .table__num{text-align:right;font-variant-numeric:tabular-nums}.table__row--muted td{color:var(--color-text-muted);font-style:italic}.table__row--clickable{cursor:pointer}.table__row--clickable:hover{background:var(--color-bg)}.table__empty td{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.table__bar-track{background:var(--color-border);border-radius:var(--radius-pill);min-width:6rem}.table__bar{background:var(--color-accent);height:10px;transition:width var(--duration-fast) ease-out;border-radius:0 4px 4px 0}.legend{gap:var(--space-4);font:var(--text-dense);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legend__item{align-items:center;gap:var(--space-2);display:flex}.legend__swatch{border-radius:3px;width:.9rem;height:.9rem;display:inline-block}.legend__swatch--free{background:var(--color-free)}.legend__swatch--occupied{background:repeating-linear-gradient(45deg, var(--color-occupied) 0 3px, #d98a84 3px 5px)}.legend__swatch--reserved{background:var(--color-reserved)}.legend__swatch--blocked{background:var(--color-blocked);outline:1.5px dashed var(--color-text);outline-offset:1px}.modal-overlay{background:var(--color-overlay);padding:var(--space-4);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-overlay);overflow-y:auto}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.modal__title{font:var(--text-heading);margin:0}.modal__subtitle{margin-top:var(--space-1);font:var(--text-small);color:var(--color-text-muted)}.modal__close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;min-width:2rem;min-height:2rem;padding:0;font-size:1.5rem;line-height:1}.modal__close:hover{background:var(--color-surface-muted)}.modal__body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.modal__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=30rem){.modal-overlay{padding:0}.modal{border-radius:0;max-width:none;height:100svh;max-height:none}}.app{max-width:var(--content-max);padding:var(--space-5) var(--space-5) var(--space-page-end);margin:0 auto}.app__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.app__brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.app__logo{width:auto;height:36px;display:block}.app__brand-mark{border-radius:var(--radius-pill);background:var(--gradient-brand-mark);width:1.4rem;height:1.4rem;display:inline-block}.app__brand-name{font-size:var(--text-small-size);letter-spacing:var(--tracking-brand);text-transform:uppercase;color:var(--color-text-muted);font-weight:800}.app__subtitle{color:var(--color-text-muted);margin-top:var(--space-1)}.app__header-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app__user-row{align-items:center;gap:var(--space-2);font:var(--text-dense);display:flex}.app__user-row label{color:var(--color-text-muted)}.app__user{font-weight:600}.app__content{gap:var(--space-7);flex-direction:column;display:flex}@media (width<=30rem){.app{padding-inline:var(--space-4)}}.floor-plan{flex-direction:column;gap:1rem;display:flex}.floor-plan__svg{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;height:auto}.floor-plan__outline{fill:none;stroke:#0000;pointer-events:all}.floor-plan__svg--admin .floor-plan__outline{cursor:crosshair}.floor-plan__wall{stroke:var(--plan-wall);stroke-width:1px;stroke-linecap:square}.floor-plan__window{stroke:var(--plan-window);stroke-width:1.1px;stroke-linecap:square}.floor-plan__door-opening{stroke:var(--plan-door);stroke-width:.8px;stroke-dasharray:1.2 1}.floor-plan__door-frame{stroke:var(--plan-door);stroke-width:1px}.floor-plan__plant-pot{fill:var(--plan-plant-pot)}.floor-plan__plant-leaf{fill:var(--plan-plant-leaf)}.floor-plan__element--deletable{cursor:pointer}.floor-plan__element--deletable:hover{opacity:.6}.floor-plan__hit-area{fill:none;stroke:#0000;stroke-width:3px}.floor-plan__hit-area.floor-plan__element--deletable:hover+.floor-plan__wall,.floor-plan__hit-area.floor-plan__element--deletable:hover+.floor-plan__window,.floor-plan__hit-area.floor-plan__element--deletable:hover+.floor-plan__door{opacity:.6}.floor-plan__endpoint-handle{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:.4px;cursor:pointer}.floor-plan__endpoint-handle:hover{fill:var(--color-accent)}.floor-plan__element--draggable,.floor-plan__desk--draggable{cursor:grab}.floor-plan__resize-handle{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:.4px;cursor:nwse-resize}.floor-plan__resize-handle:hover{fill:var(--color-accent)}.floor-plan__draft{stroke-width:1px;pointer-events:none}.floor-plan__draft--wall{stroke:var(--color-text-muted)}.floor-plan__draft--window{stroke:var(--plan-window)}.floor-plan__draft--door{stroke:var(--plan-door)}.floor-plan__desk-rect{stroke:var(--color-surface);stroke-width:.5px;transition:filter .12s}.floor-plan__desk-label{fill:var(--color-surface);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.6px;font-weight:600}.floor-plan__desk--bookable{cursor:pointer}.floor-plan__desk--bookable:hover .floor-plan__desk-rect{filter:brightness(1.08)}.floor-plan__desk{outline:none}.floor-plan__desk-focus{fill:none;stroke:none;pointer-events:none}.floor-plan__desk:focus-visible .floor-plan__desk-rect{stroke:var(--color-brand-dark);stroke-width:.7px;filter:brightness(1.08)}.floor-plan__desk:focus-visible .floor-plan__desk-focus{stroke:var(--color-surface);stroke-width:.3px;fill:none}.floor-plan__desk--selected .floor-plan__desk-rect{stroke:var(--color-accent);stroke-width:.4px}.floor-plan__desk--group-selected .floor-plan__desk-rect{stroke:var(--color-accent);stroke-width:.5px;stroke-dasharray:1 .7}.floor-plan__desk--disabled{cursor:not-allowed;opacity:.55}.modal__form{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.modal__features{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.booking-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.booking-list__item{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.booking-list__title{margin:0;font-weight:600}.booking-list__meta{color:var(--color-text-muted);align-items:center;gap:.5rem;margin:.15rem 0 0;font-size:.82rem;display:flex}.booking-list__badge{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.booking-list__badge--warn{background:color-mix(in srgb, var(--color-occupied) 14%, white);color:var(--color-occupied)}.booking-list__actions{flex-shrink:0;gap:.5rem;display:flex}.booking-list__empty{color:var(--color-text-muted);font-size:.9rem}.booking-history__status{border-radius:999px;flex-shrink:0;padding:.2rem .65rem;font-size:.78rem;font-weight:600}.booking-history__status--confirmed{background:var(--color-accent-soft);color:var(--color-accent)}.booking-history__status--cancelled{background:var(--color-bg);color:var(--color-blocked);border:1px solid var(--color-border)}.notifications__actions{justify-content:flex-end;margin-bottom:.6rem;display:flex}.notifications__item--unread{border-left:3px solid var(--color-accent);background:var(--color-accent-soft)}.admin-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.admin-panel--idle{background:var(--color-accent-soft);border-style:dashed}.admin-panel h3{margin:0;font-size:.95rem}.admin-panel__hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.admin-panel__form{flex-direction:column;gap:.85rem;display:flex}.admin-panel__actions{justify-content:flex-end;gap:.6rem;display:flex}.admin-panel__toolbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-panel__delete{color:var(--color-occupied);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.admin-panel__zones{border-top:1px solid var(--color-border);padding-top:.75rem;font-size:.85rem}.admin-panel__zones summary{cursor:pointer;color:var(--color-text-muted);font-weight:600}.admin-panel__zone-list{flex-direction:column;gap:.4rem;margin:.6rem 0;padding:0;list-style:none;display:flex}.admin-panel__zone-item{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.admin-panel__zone-meta{color:var(--color-text-muted);font-size:.75rem;display:block}.admin-panel__rotate{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.admin-panel__align{flex-direction:column;gap:.75rem;display:flex}.admin-panel__align-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.report{gap:var(--space-4);flex-direction:column;display:flex}.report__range{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.report__stufe{align-items:center;gap:var(--space-2);display:inline-flex}.report__stufe-label{font:var(--text-small);color:var(--color-text-muted);white-space:nowrap}.report__stufe .select{width:auto;min-height:var(--control-height-sm);padding-block:var(--space-1)}.report__export{margin-left:auto}@media (width<=30rem){.report__export{margin-left:0}}.table__period{text-align:left;white-space:nowrap;font-weight:500}.users__hint{margin:0 0 var(--space-4);font:var(--text-small);color:var(--color-text-muted);max-width:60ch}.users__name{font-weight:600;display:block}.users__mail{font:var(--text-small);color:var(--color-text-muted);display:block}.users__invite{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.users__invite-field{flex:18rem}.users__remove{margin-right:var(--space-2)}@media (width<=30rem){.users__invite{align-items:stretch}}.name-form{align-items:center;gap:var(--space-2);font:var(--text-dense);display:flex}.name-form label{color:var(--color-text-muted)}.name-form .input{width:auto;min-height:var(--control-height-sm)}.app__loading{color:var(--color-text-muted);padding:var(--space-6) 0}.app__floor-with-panel{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}@media (width<=45rem){.app__floor-with-panel{grid-template-columns:minmax(0,1fr)}}.app__section{background:0 0}.app__floor-switch{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:inline-flex}.app__floor-switch-label{font:var(--text-small);color:var(--color-text-muted)}.app__floor-switch .select{width:auto;min-height:var(--control-height-sm)}