:root{--ink:#172033;--muted:#6e788a;--line:#e3e8ef;--canvas:#f4f6f9;--card:#fff;--primary:#233b67;--primary-soft:#edf2fa;--green:#15965a;--green-soft:#e9f8f0;--blue:#2f6fdb;--blue-soft:#edf3ff;--orange:#d27b24;--orange-soft:#fff4e7;--slate:#8793a6;--slate-soft:#eef1f5;--red:#cf4c4c;--shadow:0 16px 40px #1a284112;--radius:20px}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{color:inherit;font:inherit}button{border:0}button,select,input[type=date],input[type=time],input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f6fdb47}h1,h2,h3,p{margin:0}.loading-screen,.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{color:var(--muted);align-content:center;gap:12px}.login-screen{background:radial-gradient(circle at 18% 20%, #2f6fdb1f, transparent 35%), radial-gradient(circle at 82% 78%, #15965a1f, transparent 30%), var(--canvas)}.login-card{border:1px solid var(--line);background:var(--card);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;gap:18px;padding:46px;display:grid}.login-card .brand-mark{margin:0 auto 6px}.login-card h1{letter-spacing:-.04em;font-size:32px}.login-card p,.login-card small{color:var(--muted);line-height:1.6}.auth-card{text-align:left;gap:16px;width:min(500px,100%);padding:38px 42px}.auth-heading{text-align:center;gap:9px;display:grid}.auth-heading .brand-mark{margin-bottom:4px}.auth-heading p{font-size:13px}.auth-mode{background:var(--slate-soft);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;padding:4px;display:grid}.auth-mode button{color:#69758a;background:0 0;border-radius:10px;min-height:39px;font-size:12px;font-weight:750}.auth-mode button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #1b2a4314}.auth-form{gap:12px;display:grid}.auth-form .field+.field{margin-top:0}.auth-field>.auth-input{border:1px solid var(--line);color:#8792a4;min-height:46px;font-size:inherit;background:#fbfcfd;border-radius:12px;align-items:center;gap:10px;padding:0 13px;font-weight:400;display:flex}.auth-field>.auth-input:focus-within{border-color:#2f6fdb9e;box-shadow:0 0 0 3px #2f6fdb1a}.auth-field .auth-input input{cursor:text;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:44px;padding:0}.auth-reset{color:var(--blue);background:0 0;justify-self:end;padding:0;font-size:11px;font-weight:700}.auth-reset:disabled{opacity:.5}.auth-notice{border-radius:11px;padding:10px 12px;font-size:11px;line-height:1.45}.auth-notice--error{color:#a23d3d;background:#fff0f0}.auth-notice--success{color:#187047;background:var(--green-soft)}.auth-divider{color:#98a1af;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-helper{text-align:center;display:block}.auth-install{border-top:1px solid var(--line);text-align:center;gap:9px;padding-top:14px;display:grid}.auth-install small{font-size:10px;line-height:1.5}.mfa-card{width:min(480px,100%)}.mfa-progress,.mfa-setup-intro,.mfa-enrollment{text-align:center;gap:12px;display:grid}.mfa-progress,.mfa-instruction,.mfa-setup-intro p,.mfa-enrollment p{color:var(--muted);font-size:12px;line-height:1.55}.mfa-qr{border:1px solid var(--line);background:#fff;border-radius:16px;width:184px;height:184px;margin:0 auto;padding:10px}.mfa-secret{background:var(--slate-soft);text-align:center;border-radius:11px;gap:5px;padding:10px 12px;display:grid}.mfa-secret span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.mfa-secret code{overflow-wrap:anywhere;color:var(--ink);font-size:12px}.onboarding-screen{background:radial-gradient(circle at 14% 15%, #2f6fdb21, transparent 32%), radial-gradient(circle at 88% 82%, #15965a21, transparent 30%), var(--canvas);place-items:center;min-height:100vh;padding:32px;display:grid}.onboarding-card{border:1px solid var(--line);background:var(--card);border-radius:28px;width:min(790px,100%);overflow:hidden;box-shadow:0 26px 70px #18274124}.onboarding-heading{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fbfcff,#f6faf8);align-items:center;gap:18px;padding:30px 34px 26px;display:flex}.onboarding-heading .brand-mark{flex:none}.onboarding-heading h1{letter-spacing:-.04em;margin-top:5px;font-size:30px}.onboarding-heading p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.55}.onboarding-form{padding:30px 34px 28px}.onboarding-identity{margin-top:0}.onboarding-model{border:0;margin:24px 0 0;padding:0}.onboarding-model legend{color:#637087;margin-bottom:9px;font-size:10px;font-weight:700}.onboarding-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onboarding-options button{border:1px solid var(--line);color:#68758a;text-align:left;background:#fbfcfd;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:88px;padding:16px;display:grid}.onboarding-options button:hover{background:#f8faff;border-color:#b9c9e6}.onboarding-options button.active{color:var(--primary);background:var(--blue-soft);border-color:#2f6fdb80;box-shadow:inset 0 0 0 1px #2f6fdb14}.onboarding-options strong,.onboarding-options small{display:block}.onboarding-options strong{color:var(--ink);font-size:12px}.onboarding-options small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.onboarding-options i{color:#fff;background:#fff;border:1px solid #d8dee8;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.onboarding-options button.active i{border-color:var(--primary);background:var(--primary)}.onboarding-error{color:#a23d3d;background:#fff0f0;border-radius:11px;margin-top:15px;padding:11px 13px;font-size:10px;line-height:1.5}.onboarding-submit{margin-top:22px}.onboarding-signout{margin:13px auto 0;display:block}.app-shell{min-height:100vh}.sidebar{z-index:40;border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;width:244px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:2px 8px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#294a80,#1f3359);border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 18px #233b6738}.brand-mark--large{border-radius:17px;width:54px;height:54px}.brand strong,.brand small,.sidebar-profile strong,.sidebar-profile small{display:block}.brand strong{letter-spacing:-.02em;font-size:17px}.brand small,.sidebar-profile small{color:var(--muted);margin-top:3px;font-size:11px}.side-nav{gap:5px;display:grid}.nav-label{color:#99a1af;letter-spacing:.12em;text-transform:uppercase;padding:0 13px 7px;font-size:10px;font-weight:750}.nav-label--spaced{margin-top:20px}.nav-item{color:#637087;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:0 13px;font-size:14px;font-weight:620;transition:all .16s;display:flex}.nav-item:hover{color:var(--ink);background:#f1f4f8}.nav-item--active{color:var(--primary);background:var(--primary-soft)}.sidebar-profile{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;min-height:58px;margin-top:auto;padding:9px;display:grid}.sidebar-profile>span:nth-child(2){min-width:0}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-profile svg{color:#9aa3b1}.avatar{color:#fff;background:linear-gradient(145deg,#4470ae,#29456f);border:3px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:760;display:inline-flex;box-shadow:0 3px 12px #1b305129}.avatar--small{border-width:2px;width:34px;height:34px;font-size:10px}.app-main{min-height:100vh;margin-left:244px}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e3e8efeb;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-actions,.sync-state{align-items:center;display:flex}.topbar-actions{gap:10px;margin-left:auto}.sync-state{color:var(--green);background:var(--green-soft);border-radius:999px;gap:6px;padding:7px 10px;font-size:11px;font-weight:720}.icon-button,.avatar-button{color:#5f6b7e;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.icon-button:hover,.avatar-button:hover{background:#f1f4f8}.icon-button--soft{border:1px solid var(--line);background:#f8fafc}.avatar-button .avatar{pointer-events:none}.mobile-menu,.bottom-nav,.sidebar-backdrop{display:none}.content{min-height:calc(100vh - 68px)}.page{width:min(1440px,100%);margin:0 auto;padding:38px 42px 60px}.page-heading,.section-title,.card-heading,.map-preview-footer,.modal-heading,.editor-panel__heading,.desk-detail__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-heading{align-items:flex-end;margin-bottom:28px}.page-heading h1{letter-spacing:-.045em;margin-top:7px;font-size:clamp(27px,3vw,38px);line-height:1.08}.page-heading p{color:var(--muted);margin-top:8px;font-size:14px}.eyebrow,.muted-label{color:#8590a1;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:760}.button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--primary);box-shadow:0 8px 18px #233b672b}.button--secondary{border:1px solid var(--line);color:#526077;background:#fff}.button--danger-soft{color:var(--red);background:#fff0f0}.button--danger{color:#fff;background:var(--red);box-shadow:0 8px 18px #d3464629}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.42}.button:disabled:hover,.icon-button:disabled:hover{transform:none}.button--wide{width:100%}.text-button{min-height:36px;color:var(--blue);background:0 0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:720;display:inline-flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 8px 28px #1a284109}.dashboard-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.presence-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:15px 16px;display:grid}.presence-summary{align-items:center;gap:10px;min-width:0;display:flex}.presence-card h2{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.presence-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.presence-dot{width:10px;height:10px;box-shadow:0 0 0 3px var(--green-soft);border:2px solid #fff;border-radius:50%;flex:none}.presence-dot--office{background:var(--green)}.presence-dot--away{background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.presence-map-link{border:1px solid var(--line);white-space:nowrap;border-radius:9px;min-height:32px;padding:0 9px}.presence-actions{align-items:center;gap:5px;display:flex}.presence-delete{background:#fff7f7;border:1px solid #f1d2d2;border-radius:9px;width:32px;height:32px}.pill,.count-badge,.type-badge{border-radius:999px;width:max-content;padding:7px 10px;font-size:10px;font-weight:760}.pill--green{color:#0e7544;background:var(--green-soft)}.pill--blue{color:#2b61b6;background:var(--blue-soft)}.pill--slate{color:#68778c;background:var(--slate-soft)}.map-preview-card{min-width:0;padding:20px;overflow:hidden}.map-preview-card--bottom{margin-top:20px}.card-heading{margin-bottom:14px}.card-heading h3{margin-top:4px;font-size:17px}.map-preview-footer{margin-top:14px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.metric-card,.admin-stat{align-items:center;gap:13px;min-height:82px;padding:16px;display:flex}.metric-card strong,.metric-card span,.admin-stat strong,.admin-stat span{display:block}.metric-card strong,.admin-stat strong{letter-spacing:-.04em;font-size:22px}.metric-card div>span,.admin-stat div>span{color:var(--muted);margin-top:2px;font-size:11px}.metric-icon{border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex!important}.metric-icon--slate{color:#66758b;background:var(--slate-soft)}.metric-icon--green{color:var(--green);background:var(--green-soft)}.metric-icon--blue{color:var(--blue);background:var(--blue-soft)}.metric-icon--orange{color:var(--orange);background:var(--orange-soft)}.people-card,.user-table-card{margin-top:20px;padding:24px}.section-title h2{letter-spacing:-.025em;margin-top:4px;font-size:19px}.people-filter{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fbfcfd;border-radius:11px;align-items:center;gap:8px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.people-filter select{background:0 0;border:0;outline:0;max-width:190px;font-size:11px;font-weight:650}.people-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:19px;display:grid}.person-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:16px 12px;transition:background .14s,transform .14s;display:grid}.person-row:hover{background:#f7f9fc;transform:translateY(-1px)}.person-row strong,.person-row small,.calendar-person strong,.calendar-person small,.user-table__name strong,.user-table__name small{display:block}.person-row strong,.calendar-person strong,.user-table__name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.person-row small,.calendar-person small,.user-table__name small{color:var(--muted);margin-top:3px;font-size:10px}.person-desk{color:var(--primary);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.person-desk--empty{color:var(--muted)}.people-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:24px 12px 8px;font-size:11px}.office-floor{aspect-ratio:1257/794;isolation:isolate;background:#f7f8fa;border:1px solid #dde4eb;border-radius:18px;width:100%;min-width:680px;position:relative;overflow:hidden}.office-floor-stage{background:#f7f8fa;border-radius:18px;min-width:680px;overflow:hidden}.office-floor-stage .office-floor{min-width:0;transition:transform .42s cubic-bezier(.22,.8,.22,1)}.office-floor-stage .office-floor--focused{transform:translate(calc(50% - var(--floor-focus-x)), calc(50% - var(--floor-focus-y))) scale(1.85);transform-origin:var(--floor-focus-x) var(--floor-focus-y)}.office-floor--compact{border-radius:14px;min-width:0}.office-floor--placing{cursor:crosshair}.original-plan{z-index:0;background:#f7f8fa url(/grundriss-2026.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.room,.corridor{z-index:2;color:#8793a3;letter-spacing:.035em;text-transform:uppercase;background:#fffffff2;border:2px solid #cdd6e1;justify-content:center;align-items:center;font-size:clamp(7px,.7vw,11px);font-weight:690;display:flex;position:absolute}.room--west{border-radius:10px 0 0 6px;width:18%;height:29%;top:15%;left:6%}.room--north{width:9%;height:17%;top:14%;left:24%}.room--server{width:9%;height:12%;top:31%;left:24%}.room--service{width:10%;height:13%;top:12%;left:33%;transform:rotate(-5deg)}.room--stairs{background:#f8fafc;border-radius:40px 40px 4px 4px;flex-direction:column;gap:5px;width:12%;height:22%;top:25%;left:38%}.room--void-one,.room--void-two{color:#a5adb9;background:#dfe4ea;border-color:#d9dfe7}.room--void-one{width:12%;height:35%;top:8%;left:47%;transform:rotate(-4deg)}.room--void-two{width:17%;height:43%;top:5%;left:62%;transform:rotate(-7deg)}.room--printer{background:#f5f8fb;width:9%;height:8%;top:46%;left:49%}.room--office-one{border-radius:0 0 0 8px;width:13%;height:26%;top:66%;left:8%}.room--office-two{width:13%;height:26%;top:66%;left:21%}.room--office-three{width:13%;height:26%;top:66%;left:34%}.room--office-four{width:12%;height:26%;top:66%;left:47%}.room--office-five{width:11%;height:26%;top:66%;left:59%}.room--office-six{width:11%;height:26%;top:66%;left:70%}.room--office-seven{border-radius:0 0 8px;width:12%;height:26%;top:66%;left:81%}.corridor{color:#4d846b;background:#eaf7f0;border-color:#b9dec9}.corridor--center{border-radius:12px 0 0;width:36%;height:21%;top:45%;left:24%}.corridor--east{transform-origin:0 100%;border-radius:0 0 18px;width:27%;height:12%;top:54%;left:58%;transform:skew(20deg)}.desk-point{z-index:5;letter-spacing:-.02em;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;padding:0;font-size:8px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 11px #1c2b4438}.desk-point:before{content:"";position:absolute;inset:-7px}.desk-point:hover,.desk-point--selected{z-index:7;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 8px 22px #1c2b4442}.office-floor--editable .desk-point{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.office-floor--editable .desk-point:active{cursor:grabbing}.desk-point--selected:after{border-radius:inherit;content:"";opacity:.4;border:2px solid;position:absolute;inset:-7px}.desk-point--person-highlight{z-index:12;animation:1.25s ease-in-out infinite desk-person-glow}.desk-highlight-label{color:#fff;pointer-events:none;letter-spacing:0;white-space:nowrap;background:#172033f0;border:1px solid #ffffff6b;border-radius:9px;gap:1px;min-width:max-content;padding:7px 9px;font-size:10px;line-height:1.25;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #1720333d}.desk-highlight-label:after{content:"";border:5px solid #0000;border-top-color:#172033f0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.desk-highlight-label small{color:#cbd4e0;font-size:8px;font-weight:650}@keyframes desk-person-glow{0%,to{box-shadow:0 0 0 4px #15965a33,0 5px 18px #15965a59}50%{box-shadow:0 0 0 10px #15965a0d,0 7px 24px #15965a80}}.desk-point--occupied{color:#fff;background:#8995a7}.desk-point--free{color:#fff;background:var(--green);box-shadow:0 5px 18px #15965a59}.desk-point--blocked{color:#fff;background:var(--orange)}.office-floor--compact .room,.office-floor--compact .corridor{border-width:1px;font-size:6px}.office-floor--compact .desk-point{border-width:1.5px;width:21px;min-width:21px;height:21px;padding:0;font-size:6px}.placement-hint{z-index:10;color:#fff;box-shadow:var(--shadow);background:#172033e0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.placement-hint__dot{background:var(--green);border:2px solid #fff;border-radius:50%;width:9px;height:9px}.drag-hint{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#172033d6;border:1px solid #ffffff3d;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:16px;right:16px}.map-legend{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.map-legend>span{color:#6f7a8b;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.legend-dot{border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #1c2b441f}.legend-dot--occupied{background:#8995a7}.legend-dot--free{background:var(--green)}.legend-dot--blocked{background:var(--orange)}.calendar-card{padding:22px;overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.date-navigation{align-items:center;gap:8px;display:flex}.search-field{border:1px solid var(--line);color:#8993a3;background:#fbfcfd;border-radius:12px;align-items:center;gap:9px;width:min(300px,100%);height:42px;padding:0 13px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.calendar-days{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.calendar-day{border:1px solid var(--line);background:#fafbfd;border-radius:16px;min-width:250px;overflow:hidden}.calendar-day--today{border-color:#bbcbe2;box-shadow:0 0 0 2px #233b670e}.calendar-day__header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;padding:16px;display:grid}.calendar-day__header span{font-size:12px;font-weight:720}.calendar-day__header strong{letter-spacing:-.04em;grid-row:span 2;font-size:28px;line-height:1}.calendar-day__header small{color:var(--muted);margin-top:3px;font-size:10px}.calendar-groups{padding:12px}.calendar-group+.calendar-group{margin-top:16px}.calendar-group__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 4px 7px;font-size:9px;font-weight:780;display:flex}.calendar-group__label b{color:inherit;background:#eef1f5;border-radius:999px;padding:2px 6px}.calendar-group__label--office,.calendar-group__label--springer{color:#68768a}.calendar-group__label--homeoffice{color:#635eb1}.calendar-group__label--external{color:var(--blue)}.calendar-group__label--offDuty{color:var(--orange)}.calendar-person{background:#fff;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.calendar-person--editable{grid-template-columns:auto minmax(0,1fr) auto}.calendar-delete{width:30px;height:30px}.calendar-person+.calendar-person{margin-top:5px}.map-layout,.admin-map-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.map-card{min-width:0;padding:18px;overflow-x:auto}.map-toolbar,.admin-map-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.map-toolbar>label,.map-toolbar>.floor-label{height:42px}.map-toolbar>label,.floor-label{border:1px solid var(--line);color:#637087;background:#fbfcfd;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}.floor-label{align-items:center;gap:8px;font-weight:700}.map-toolbar input[type=date],.admin-date-controls input{background:0 0;border:0;outline:0;font-size:11px}.desk-detail,.editor-panel{min-height:420px;padding:22px}.desk-detail__header,.editor-panel__heading{justify-content:flex-start;margin-bottom:18px}.desk-detail h2,.editor-panel h2{letter-spacing:-.04em;margin-top:3px;font-size:24px}.desk-status-icon{border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.desk-status-icon--occupied{color:#68778c;background:var(--slate-soft)}.desk-status-icon--free{color:var(--green);background:var(--green-soft)}.desk-status-icon--blocked{color:var(--orange);background:var(--orange-soft)}.large-status{border-radius:10px;padding:8px 11px;font-size:11px;font-weight:760;display:inline-flex}.large-status--occupied{color:#68778c;background:var(--slate-soft)}.large-status--free{color:#0f7645;background:var(--green-soft)}.large-status--blocked{color:#a85d16;background:var(--orange-soft)}.detail-list{margin:22px 0}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;display:flex}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{text-align:right;margin:0;font-size:10px;font-weight:700}.info-note{color:#126f43;background:var(--green-soft);border-radius:12px;grid-template-columns:auto 1fr;gap:9px;padding:12px;font-size:10px;line-height:1.45;display:grid}.info-note strong,.empty-detail h3{margin-bottom:3px;display:block}.info-note--reserved{color:#68778c;background:var(--slate-soft)}.info-note--switch{color:#2b61b6;background:var(--blue-soft)}.self-booking-actions{gap:8px;margin-top:14px;display:grid}.empty-detail{color:#98a2b1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.empty-detail h3{color:#59667a;margin-top:12px;font-size:15px}.empty-detail p{font-size:11px}.admin-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.admin-stat:last-child{grid-template-columns:auto 1fr auto;display:grid}.admin-map-toolbar>div,.admin-date-controls{align-items:center;gap:10px;display:flex}.toggle-button{border:1px solid var(--line);color:#68758a;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.toggle-button--active{color:var(--blue);background:var(--blue-soft);border-color:#bfd1ef}.toolbar-help{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.admin-date-controls{border:1px solid var(--line);background:#fbfcfd;border-radius:10px;padding:8px 10px}.editor-panel{min-height:530px}.field{gap:7px;display:grid}.field+.field,.field-row+.field{margin-top:14px}.field>span{color:#637087;font-size:10px;font-weight:700}.field>span small{color:#9aa3b1;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fbfcfd;border-radius:11px;outline:0;width:100%;min-height:42px;padding:0 12px;font-size:12px}.field textarea{resize:vertical;min-height:86px;padding-top:11px}.field em{color:#7f8998;align-items:center;gap:5px;font-size:9px;font-style:normal;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.switch-row{background:#f7f9fb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding:12px;display:flex}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px}.switch-row small{color:var(--muted);margin-top:4px;font-size:9px}.switch-row input{width:34px;height:19px;accent-color:var(--orange)}.position-readout{color:#8a94a4;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.danger-zone{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{color:#7d3740;font-size:11px}.danger-zone small{color:var(--muted);margin-top:3px;font-size:9px}.danger-zone .button{min-height:36px;padding-inline:12px}.count-badge{color:#647084;background:#f0f3f7}.user-table{border-top:1px solid var(--line);margin-top:18px}.user-table__row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(160px,1.1fr) minmax(145px,auto) minmax(170px,1fr) auto;align-items:center;gap:13px;min-height:64px;display:grid}.role-select{text-align:center;border:1px solid #0000;border-radius:999px;width:100%;min-height:34px;padding:0 26px 0 10px;font-size:10px;font-weight:720}.role-select--employee{color:#2d62b6;background-color:var(--blue-soft)}.role-select--admin{color:#7a4ca3;background-color:#f4ebfb}.role-select:focus{border-color:currentColor;outline:none}.user-table__desk{color:#657186;font-size:11px}.icon-button--danger{color:var(--red);background:#fff3f3}.icon-button--danger:not(:disabled):hover{color:#fff;background:var(--red)}.profile-grid{grid-template-columns:1fr 1.25fr;gap:18px;width:min(820px,100%);display:grid}.profile-card,.profile-edit-card,.install-card,.outlook-card,.privacy-card{padding:24px}.profile-card{align-items:center;gap:15px;display:flex}.profile-card h2,.install-card h2,.outlook-card h2{letter-spacing:-.025em;font-size:20px}.profile-card p,.profile-edit-card p,.install-card p,.outlook-card p,.privacy-card p{color:var(--muted);margin:5px 0 12px;font-size:11px;line-height:1.55}.install-card,.outlook-card{grid-template-columns:auto 1fr;gap:15px;display:grid}.install-icon{width:48px;height:48px;color:var(--blue);background:var(--blue-soft);border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.install-card .eyebrow,.outlook-card .eyebrow{margin-bottom:6px;display:block}.outlook-card p strong{color:var(--green)}.outlook-icon{color:#1769aa;background:#eaf4fd}.outlook-sync-option{background:#f5faff;border:1px solid #dce9f5;margin-top:12px;padding:9px 11px}.profile-edit-card{grid-column:1/-1}.profile-edit-card .card-heading h2{letter-spacing:-.025em;margin-top:4px;font-size:20px}.profile-fields,.profile-position-model{margin-top:20px}.profile-position-note{color:#53657c;background:var(--slate-soft);border-radius:11px;margin-top:14px;padding:11px 13px;font-size:10px;line-height:1.5}.profile-position-note--warning{color:#9a5a19;background:var(--orange-soft)}.profile-edit-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.privacy-card{color:var(--green);grid-template-columns:auto 1fr;gap:13px;display:grid}.privacy-card h3{color:var(--ink);font-size:15px}.privacy-card p{margin-bottom:0}.signout-button{width:max-content}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#141d2b80;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(530px,100%);max-height:calc(100vh - 44px);padding:25px;overflow-y:auto;box-shadow:0 30px 70px #141d2b40}.modal-heading{margin-bottom:20px}.modal-heading h2{letter-spacing:-.035em;margin-top:5px;font-size:23px}.segmented-control{background:#f0f3f7;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.segmented-control button{color:#707b8e;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:10px;font-weight:700;display:flex}.segmented-control button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #1b2b4514}.segmented-control--three{grid-template-columns:repeat(3,1fr)}.segmented-control--three button{flex-direction:column;gap:2px;min-width:0}.segmented-control--three button b{letter-spacing:-.02em;font-size:16px}.segmented-control--three button span{font-size:8px}.recurrence-section{margin-top:16px}.recurrence-section__label{color:#637087;font-size:10px;font-weight:700}.recurrence-control{margin:7px 0 0}.recurrence-control button{min-height:40px}.recurrence-control--three{grid-template-columns:repeat(3,1fr)}.recurrence-fields{margin-top:12px}.field-row .field+.field{margin-top:0}.recurrence-summary{color:#2d62b6;background:var(--blue-soft);border-radius:10px;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;font-size:10px;font-weight:650;display:flex}.recurrence-summary--error{color:var(--red);background:#fff0f0}.recurrence-section+.field{margin-top:14px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast{z-index:120;color:#116f43;max-width:min(420px,100vw - 48px);box-shadow:var(--shadow);background:#f2fbf6;border:1px solid #bce1cd;border-radius:13px;align-items:center;gap:9px;padding:13px 16px;font-size:11px;font-weight:680;display:flex;position:fixed;bottom:24px;right:24px}.room-date{min-width:168px;color:var(--muted);gap:5px;font-size:11px;font-weight:720;display:grid}.room-date input{border:1px solid var(--line);min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:0 12px}.rooms-toolbar,.room-admin-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.rooms-toolbar>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:680;display:inline-flex}.floor-switch{border:1px solid var(--line);background:#eef2f6;border-radius:13px;grid-template-columns:repeat(2,minmax(72px,1fr));width:max-content;padding:4px;display:grid}.floor-switch button{color:#667386;border-radius:9px;min-height:34px;padding:0 14px;font-size:12px;font-weight:740}.floor-switch button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #2533491c}.floor-switch button:disabled{cursor:not-allowed;opacity:.55}.rooms-layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:18px;display:grid}.room-map-card{padding:14px;overflow:hidden}.room-floor{isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f7f8fa;border:1px solid #dce2e9;border-radius:16px;width:100%;position:relative;overflow:hidden}.room-floor--ground{aspect-ratio:925/673}.room-floor--first{aspect-ratio:1257/794}.room-floor>img{z-index:0;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.room-floor__polygons{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.room-polygon{stroke-width:.55px;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;transition:fill .15s,stroke .15s}.room-polygon--free{fill:#1fad6930;stroke:#15915a}.room-polygon--booked{fill:#f2a43b38;stroke:#d47d12}.room-polygon--selected{fill:#3470eb47;stroke:#215fc9;stroke-width:.95px}.room-polygon--draft{fill:#3470eb30;stroke:#215fc9;stroke-dasharray:2 1;pointer-events:none}.room-vertex{fill:#fff;stroke:#215fc9;stroke-width:.45px;vector-effect:non-scaling-stroke}.room-floor--drawing{cursor:crosshair;touch-action:none}.room-floor__label{z-index:2;color:#1b4c38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:999px;max-width:150px;min-height:27px;padding:5px 9px;font-size:10px;font-weight:780;line-height:1.15;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 15px #1c2f4b2b}.room-floor__label.active{color:#174b9e;outline:2px solid #3470eb59}.room-floor__drawing-hint{z-index:3;color:#fff;box-shadow:var(--shadow);pointer-events:none;background:#1c3356e6;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:720;position:absolute;inset:12px auto auto 50%;transform:translate(-50%)}.room-map-footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 3px 1px;display:flex}.room-map-legend,.room-chips,.room-admin-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.room-map-legend span{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:680;display:inline-flex}.room-dot{border-radius:50%;width:8px;height:8px}.room-dot--free{background:#25aa69}.room-dot--booked{background:#e3922a}.room-chips{justify-content:flex-end}.room-chips button,.room-admin-list button{border:1px solid var(--line);color:#637085;background:#f7f9fb;border-radius:999px;min-height:30px;padding:5px 10px;font-size:10px;font-weight:720}.room-chips button.active,.room-admin-list button.active{color:#1d5bbd;background:#eef5ff;border-color:#a9c5f5}.room-booking-panel{min-height:520px;padding:21px}.room-panel-heading{align-items:center;gap:11px;display:flex}.room-panel-heading h2,.room-panel-heading h3{margin-top:3px;font-size:20px}.room-icon{color:#1d5ebd;background:#eaf2ff;border-radius:13px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.room-facts{flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 18px;display:flex}.room-facts span{color:#5f6c7d;background:#f1f4f7;border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:5px 8px;font-size:10px;font-weight:680;display:inline-flex}.room-schedule{border-block:1px solid var(--line);padding:15px 0}.room-subheading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.room-subheading>span{align-items:center;gap:7px;font-size:12px;font-weight:760;display:inline-flex}.room-subheading small{color:var(--muted);font-size:10px}.room-booking-row{border-top:1px solid #edf0f4;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 0;display:grid}.room-booking-row>span{min-width:0}.room-booking-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.room-booking-row small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.room-booking-time{color:#1f5cae;font-size:11px;font-weight:780}.room-schedule-empty{color:#30815a;align-items:center;gap:7px;min-height:46px;font-size:10px;font-weight:680;display:flex}.room-booking-form{gap:10px;padding-top:16px;display:grid}.room-time-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.room-conflict,.room-form-error{color:#a15311;background:#fff4e5;border-radius:9px;align-items:center;gap:7px;min-height:35px;padding:8px 10px;font-size:10px;font-weight:680;display:flex}.room-form-error{color:#a33b3b;background:#fff0f0}.room-admin-card{margin-top:20px;padding:22px}.room-admin-intro{color:var(--muted);margin:6px 0 18px;font-size:12px}.polygon-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.polygon-actions>span{color:#245da9;margin-right:3px;font-size:10px;font-weight:740}.polygon-actions .button{min-height:35px;padding:0 11px;font-size:10px}.room-admin-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;display:grid}.room-admin-list{margin-top:10px}.room-admin-list button{align-items:center;gap:5px;display:inline-flex}.room-editor{border:1px solid var(--line);background:#f9fafc;border-radius:15px;align-content:start;gap:11px;min-height:300px;padding:17px;display:grid}.room-editor .empty-detail{min-height:265px}@media (width<=1180px){.page{padding-inline:28px}.dashboard-grid{grid-template-columns:1fr}.metric-grid,.people-list{grid-template-columns:repeat(2,1fr)}.map-layout,.admin-map-layout,.rooms-layout,.room-admin-layout{grid-template-columns:1fr}.desk-detail,.editor-panel{min-height:auto}.admin-summary{grid-template-columns:1fr 1fr}.admin-stat:last-child{grid-column:1/-1}}@media (width<=900px){.sidebar{width:254px;transition:transform .18s;transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#141d2b59;display:block;position:fixed;inset:0}.app-main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding-inline:18px}.page{padding:28px 20px 92px}.dashboard-grid{grid-template-columns:1fr}.presence-card{min-height:0}.calendar-days{grid-template-columns:repeat(3,minmax(270px,1fr));padding-bottom:8px;overflow-x:auto}.profile-grid{grid-template-columns:1fr}.install-card,.outlook-card{grid-row:auto}.bottom-nav{z-index:32;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d9e0eae6;border-radius:20px;grid-template-columns:repeat(4,1fr);height:66px;padding:6px;display:grid;position:fixed;inset:auto 12px 10px;box-shadow:0 16px 40px #1a284129}.bottom-nav .nav-item{border-radius:14px;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:5px;font-size:9px}.toast{bottom:90px}}@media (width<=660px){.login-screen{align-items:start;padding:12px}.auth-card{border-radius:22px;margin-top:10px;padding:28px 20px}.auth-card h1{font-size:28px}.sync-state{display:none}.topbar{height:60px}.content{min-height:calc(100vh - 60px)}.page{padding-inline:15px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .button{width:100%}.page-heading h1{font-size:28px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:72px;padding:12px}.presence-card{grid-template-columns:minmax(0,1fr) auto}.people-card,.user-table-card{padding:17px}.people-card .section-title{flex-direction:column;align-items:stretch}.people-filter{justify-content:space-between;width:100%}.people-filter select{flex:1;max-width:none}.people-list{grid-template-columns:1fr}.person-row{padding-inline:4px}.map-preview-footer{flex-direction:column;align-items:flex-start}.map-legend{gap:8px}.map-toolbar,.admin-map-toolbar,.calendar-toolbar{flex-direction:column;align-items:stretch}.map-toolbar>label,.map-toolbar>.floor-label,.search-field{width:100%}.admin-map-toolbar>div{justify-content:space-between}.toolbar-help{display:none}.admin-summary{grid-template-columns:1fr}.admin-stat:last-child{grid-column:auto;grid-template-columns:auto 1fr}.admin-stat:last-child .text-button{grid-column:1/-1}.user-table__row{grid-template-columns:auto 1fr auto;padding:11px 0}.user-table__row .role-select,.user-table__desk{grid-column:2}.user-table__row .icon-button{grid-area:1/3}.profile-card{align-items:flex-start}.install-card,.outlook-card{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:10px}.modal{border-radius:22px 22px 14px 14px;max-height:calc(100vh - 20px);padding:20px}.segmented-control:not(.segmented-control--three){grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}.modal-actions{grid-template-columns:1fr 1.4fr;display:grid}.modal-actions .button{padding-inline:10px}.onboarding-screen{align-items:start;padding:12px}.onboarding-card{border-radius:22px}.onboarding-heading{align-items:flex-start;padding:24px 20px 21px}.onboarding-heading h1{font-size:26px}.onboarding-form{padding:22px 20px}.onboarding-identity,.profile-fields,.onboarding-options{grid-template-columns:1fr}.profile-edit-actions{display:grid}.profile-edit-actions .button{width:100%}.room-map-footer,.room-admin-toolbar{flex-direction:column;align-items:stretch}.room-chips,.polygon-actions{justify-content:flex-start}.room-floor__label{max-width:90px;padding:4px 6px;font-size:8px}.room-booking-panel{min-height:0}.room-admin-card{padding:17px}.room-admin-card .section-title{flex-direction:column;align-items:stretch}.room-admin-card .section-title .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}