@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@600;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#20201f;background:#f4f1eb;font-synthesis:none;--ink:#1c1d1e;--paper:#fffdf8;--sand:#f4f1eb;--line:#dedbd4;--coral:#e75632;--sage:#527565;--blue:#546d8b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--sand)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#77746e}.eyebrow.light{color:#bdbab2}.muted{color:#74716c}.brand,.sidebar-brand{display:flex;align-items:center;gap:12px;font-family:Unbounded;font-size:14px;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--coral);color:#fff;font-family:Unbounded;font-weight:700}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:8px}.primary-button,.secondary-button,.cream-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:12px 18px;font-weight:700;transition:.18s}.primary-button{background:var(--coral);color:#fff}.primary-button:hover{background:#c94829}.secondary-button{background:transparent;border-color:#cfcac0;color:#272725}.secondary-button:hover{background:#f4f1eb}.cream-button{background:#fff9ee;color:#1d1e1f}.danger-button{background:#fff1ed;color:#b64227;border-color:#f3c4b7}.wide{width:100%}.link-button{display:flex}.text-button,.text-link{border:0;background:none;font-weight:700;color:#554f48}.text-link{display:flex;align-items:center;gap:6px;font-size:12px}.form-error,.toast-message{padding:11px 13px;background:#fff0ec;color:#a93e26;font-size:13px;border-left:3px solid var(--coral)}.toast-message{background:#eef6f1;color:#35634e;border-color:#527565}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper)}.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 7vw;color:#f7f3ea;background:#1c1d1e}.auth-story:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff14;border-radius:50%;right:-170px;bottom:-250px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.story-content{position:relative;margin:auto 0;max-width:620px}.story-content h1{font:700 clamp(42px,6vw,82px)/1.03 Unbounded;margin:18px 0 28px;letter-spacing:-.05em}.story-content>p{font-size:18px;line-height:1.7;color:#c8c5bd;max-width:510px}.story-features{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px}.story-features span{display:flex;align-items:center;gap:8px;font-size:13px}.story-foot{position:relative;color:#777872;font-size:12px}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:min(420px,100%);display:flex;flex-direction:column;gap:16px}.auth-form h2{font:700 31px/1.2 Unbounded;margin:4px 0}.auth-form p{margin:-4px 0 8px;line-height:1.6}.auth-form label,.modal-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-form input,.modal-card input,.modal-card select,.modal-card textarea{width:100%;border:1px solid #d5d1c9;background:#fff;padding:13px 14px;outline:none}.auth-form input:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#393a39;box-shadow:0 0 0 2px #393a3912}.demo-hint{text-align:center;color:#99948c}.mobile-brand{display:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--ink);color:#dad8d2;display:flex;flex-direction:column;z-index:30}.sidebar-brand{height:88px;padding:0 25px;color:#fff;border-bottom:1px solid #ffffff12}.sidebar nav{padding:23px 12px;display:grid;gap:4px}.sidebar nav button,.sidebar-bottom>button{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;border:0;background:transparent;color:#aaa9a4;text-align:left;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff0c;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:var(--coral)}.sidebar nav button i{width:6px;height:6px;border-radius:50%;background:var(--coral);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid #ffffff12}.user-mini{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:8px;padding:13px 5px}.avatar,.tiny-avatar{display:grid;place-items:center;border-radius:50%;background:#e7dbcb;color:#4e4237;font-weight:800}.avatar{width:38px;height:38px;font-size:12px}.tiny-avatar{width:26px;height:26px;font-size:8px}.user-mini div{display:grid;min-width:0}.user-mini b{font-size:11px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini small{font-size:9px;color:#777}.user-mini button{border:0;background:transparent;color:#777;padding:5px}.main-content{margin-left:244px;min-height:100vh;padding:0 4vw}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar h1{font:700 24px Unbounded;margin:6px 0 0}.topbar-status{display:flex;align-items:center;gap:15px}.status-pill{display:flex;align-items:center;gap:8px;background:#e8e4dc;padding:8px 12px;font-size:11px;font-weight:700}.status-pill i{width:7px;height:7px;border-radius:50%;background:#888}.status-pill.success{background:#e1ece6;color:#365d4a}.status-pill.success i{background:#4f8167}.mobile-menu,.menu-close{display:none}.page-stack{display:grid;gap:22px;padding:30px 0 60px;max-width:1440px;margin:auto}.welcome-band,.vacation-hero,.notification-hero{background:var(--ink);color:#fff;padding:32px 38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.welcome-band h2,.vacation-hero h2,.notification-hero h2{font:700 clamp(24px,3vw,38px)/1.2 Unbounded;margin:8px 0}.welcome-band p,.vacation-hero p,.notification-hero p{color:#aaa9a4;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats-grid.two{grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;align-items:center;gap:16px}.stat-icon{width:45px;height:45px;display:grid;place-items:center}.stat-icon svg{width:21px}.stat-icon.coral{background:#f8dfd7;color:#b34428}.stat-icon.blue{background:#dee7f0;color:#4e6782}.stat-icon.green{background:#deebe4;color:#426c57}.stat-card>div{display:grid;gap:3px}.stat-card small{font-size:10px;color:#777}.stat-card b{font:700 25px Unbounded}.stat-card b em{font:500 11px Manrope;color:#8a8781;font-style:normal}.stat-card span{font-size:10px;color:#777}.stat-card .positive{color:#3d7057}.stat-card .warning{color:#b45830}.stat-card .small-value{font-size:18px}.content-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1.5fr .7fr}.panel{background:var(--paper);border:1px solid var(--line);padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel h3,.panel-head h3,.today-panel h3,.substitution-panel h3{font:700 18px Unbounded;margin:6px 0}.mini-schedule{display:grid}.mini-schedule>div{min-height:70px;display:grid;grid-template-columns:70px 38px 1fr auto;align-items:center;gap:13px;border-top:1px solid #e8e4dc}.mini-schedule>div:first-child{border-top:0}.mini-schedule>div>span:first-child,.mini-schedule>div>div{display:grid}.mini-schedule b{font-size:12px}.mini-schedule small{font-size:10px;color:#89857e}.mini-schedule>div>i{display:grid;place-items:center;width:29px;height:29px;background:#252625;color:#fff;font-style:normal;font-weight:800;font-size:11px}.mini-schedule>div.booked>i{background:var(--coral)}.mini-schedule .home-dot{background:#e4e0d7;color:#777}.mini-tag{font-size:8px;font-weight:800;letter-spacing:.14em;color:#ba4b2d}.today-panel{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.desk-number{font:700 54px Unbounded;color:var(--coral);margin:8px}.today-panel p{display:flex;align-items:center;gap:6px;font-size:12px;color:#777;margin:0 0 22px}.empty-illustration{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#eee9e0;color:#aaa;margin:12px}.notice-row{display:flex;align-items:center;gap:13px;background:#e8e0d4;padding:18px 22px}.notice-row svg{color:#8a6848}.notice-row div{display:grid}.notice-row b{font-size:12px}.notice-row span{font-size:10px;color:#777}.notice-row button{margin-left:auto;border:0;background:transparent;font-weight:700;display:flex;gap:5px}.booking-summary{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;background:#e9e2d7;padding:24px 30px}.booking-summary h2{font:700 21px Unbounded;margin:6px 0}.booking-summary p{font-size:11px;color:#777;margin:0}.progress-wrap>div{height:6px;background:#d5cfc3}.progress-wrap>div span{display:block;height:100%;background:var(--coral)}.progress-wrap small{display:block;margin-top:8px;color:#777}.rule-note{display:flex;gap:12px;border-left:1px solid #cfc7ba;padding-left:25px}.rule-note span{display:grid;font-size:10px;color:#777}.rule-note b{color:#333;font-size:11px}.calendar-arrows{display:flex;align-items:center;gap:12px}.calendar-arrows button{border:0;background:#eee9e0;padding:5px;display:grid}.calendar-arrows b{font-size:11px}.date-strip{display:grid;grid-template-columns:repeat(20,minmax(70px,1fr));gap:6px;overflow-x:auto;padding:4px 0 10px}.date-strip button{position:relative;display:grid;gap:5px;place-items:center;padding:12px 5px;border:1px solid #e0ddd6;background:#faf8f3}.date-strip button:hover,.date-strip button.selected{border-color:#282927}.date-strip button.selected{background:#272827;color:#fff}.date-strip button.mine:not(.selected){background:#fbebe6;border-color:#e7a491}.date-strip small{font-size:9px;text-transform:uppercase}.date-strip b{font:700 16px Unbounded}.date-strip span{font-size:8px;color:#62806f}.date-strip .full{color:#c94d2c}.date-strip .near{color:#a97732}.date-strip button i{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--coral);color:#fff}.legend{display:flex;gap:13px;font-size:9px;color:#777}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #aaa}.legend i.busy{background:#d8d4cd}.legend i.chosen{background:var(--coral);border-color:var(--coral)}.office-layout{border:1px solid #d8d4cc;background:#f7f4ee;padding:0 30px 20px}.window-label{text-align:center;border-top:5px solid #93afbc;padding-top:7px;color:#72929e;font-size:8px;letter-spacing:.3em}.desks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:780px;margin:25px auto}.desks-grid button{text-align:left;display:grid;gap:6px;min-height:105px;padding:14px;border:1px solid #d5d1c9;background:var(--paper)}.desks-grid button:disabled{cursor:not-allowed;opacity:.58;background:#e8e5df}.desks-grid button.selected{outline:2px solid var(--coral);background:#fff3ed}.desks-grid button.my-desk{border-color:#d96a4d;background:#fff0eb}.desk-top{display:flex;justify-content:space-between;align-items:center}.desk-top>i,.desk-chip{display:grid;place-items:center;width:25px;height:25px;background:#232422;color:#fff;font-style:normal;font-weight:800;font-size:10px}.desks-grid b{font-size:11px}.desks-grid small{font-size:9px;color:#777}.office-zones{display:flex;justify-content:space-between;color:#8b8881;font-size:8px;letter-spacing:.18em}.office-zones span{display:flex;align-items:center;gap:6px}.booking-action{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.booking-action>div{display:flex;align-items:center;gap:12px}.booking-action>div>span:not(.desk-chip){display:grid;font-size:10px;color:#777}.booking-action b{font-size:12px;color:#222}.vacation-hero{position:relative;overflow:hidden;padding-left:160px;min-height:180px}.vacation-art{position:absolute;left:25px;bottom:-25px;width:120px;height:150px;display:grid;place-items:center;background:#df633d;color:#fff;transform:rotate(-6deg)}.vacation-art svg{width:66px;height:66px}.vacation-grid{grid-template-columns:1.35fr .65fr}.vacation-list>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #e8e4dc}.date-block{display:flex;align-items:center;gap:7px}.date-block>b{font:700 28px Unbounded}.date-block span{display:grid;font-size:10px;text-transform:uppercase}.date-block small{color:#888}.vacation-info{display:grid;gap:3px}.vacation-info>b{font-size:12px}.vacation-info>span{font-size:10px;color:#777}.vacation-info>small{display:flex;align-items:center;gap:6px;margin-top:4px;color:#777}.active-label{font-size:8px;color:#3f755b;font-weight:800;letter-spacing:.1em}.icon-button.danger{color:#b64c30}.empty-state{text-align:center;padding:45px;color:#888}.empty-state svg{width:38px;height:38px}.substitution{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #e7e3dc}.substitution div{display:grid}.substitution b{font-size:11px}.substitution small{font-size:9px;color:#777}.info-box{display:flex;gap:13px;padding:17px;background:#e3e9e5;color:#416452}.info-box svg{flex:0 0 auto}.info-box span{display:grid;font-size:10px;line-height:1.55}.info-box b{font-size:11px}.substitution-panel .info-box{margin-top:25px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#1119;z-index:100}.modal-card{width:min(520px,100%);background:var(--paper);padding:30px;display:grid;gap:17px}.modal-card h2{font:700 23px Unbounded;margin:0}.modal-card p{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.qr-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.qr-intro h2{font:700 28px Unbounded;margin:7px 0}.qr-intro p{color:#777;max-width:680px}.info-box.compact{max-width:340px}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr-card{background:var(--paper);border:1px solid var(--line);padding:22px}.qr-title{display:flex;align-items:center;gap:11px}.qr-title>span{display:grid;place-items:center;width:35px;height:35px;background:#222;color:#fff;font:700 14px Unbounded}.qr-title div{display:grid}.qr-title b{font-size:12px}.qr-title small{font-size:9px;color:#777}.qr-code{display:grid;place-items:center;padding:23px;margin:18px 0;background:#fff}.qr-token{display:flex;align-items:center;justify-content:center;gap:5px;color:#888;margin-bottom:15px}.scan-page{min-height:100vh;display:grid;place-items:center;padding:60px 20px;background:#1c1d1e}.scan-back{position:absolute;left:25px;top:25px;color:#bbb;display:flex;align-items:center;gap:8px;font-size:12px}.scan-card{width:min(430px,100%);background:var(--paper);padding:36px;text-align:center}.scan-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%}.scan-icon svg{width:32px;height:32px}.scan-icon.valid{background:#e0ece4;color:#3e7056}.scan-icon.invalid{background:#fae3dc;color:#b8492b}.scan-card h1{font:700 28px Unbounded;margin:8px}.scan-card>p{color:#777;font-size:12px}.scan-user{display:flex;align-items:center;gap:11px;text-align:left;padding:17px;margin:22px 0;background:#eee9e0}.scan-user div{display:grid}.scan-user b{font-size:11px}.scan-user small{font-size:9px;color:#777}.scan-action{padding:16px}.scan-complete{display:grid;justify-items:center;gap:5px;padding:20px;color:#3e7056}.scan-note{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:14px;color:#888}.notification-hero{padding-left:150px;position:relative}.bell-art{position:absolute;left:35px;width:80px;height:80px;border:1px solid #ffffff22;display:grid;place-items:center;color:#e9704f}.bell-art svg{width:36px;height:36px}.notification-panel{max-width:850px;margin:auto;width:100%}.permission-badge{font-size:9px;font-weight:800;text-transform:uppercase;background:#e8e4dc;padding:7px 10px}.permission-badge.granted{background:#dcebe2;color:#35634e}.permission-badge.denied{background:#fae3dc;color:#a93e26}.notification-list label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #e6e2da;cursor:pointer}.notification-icon{width:38px;height:38px;display:grid;place-items:center;background:#eee9e0}.notification-icon svg{width:18px}.notification-list label>span:nth-child(2){display:grid}.notification-list b{font-size:12px}.notification-list small{font-size:10px;color:#777}.notification-list input{display:none}.notification-list label>i{position:relative;width:39px;height:22px;border-radius:20px;background:#c7c3bc}.notification-list label>i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.notification-list input:checked+i{background:var(--coral)}.notification-list input:checked+i:after{left:20px}.panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:20px}.panel-actions span{font-size:11px;color:#527565}.app-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;color:#98948e;font-size:9px;letter-spacing:.08em}@media(max-width:1050px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.main-content{margin-left:0}.mobile-menu,.menu-close{display:grid}.menu-close{margin-left:auto}.scrim{position:fixed;inset:0;border:0;background:#0008;z-index:20}.overview-grid,.vacation-grid{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-form-wrap{padding:26px;min-height:100vh}.mobile-brand{display:flex;gap:8px;align-items:center;font-family:Unbounded;font-size:13px;margin-bottom:30px}.main-content{padding:0 18px}.topbar{height:88px}.topbar .eyebrow,.topbar-status .status-pill{display:none}.topbar h1{font-size:19px}.page-stack{padding-top:20px}.welcome-band,.vacation-hero,.notification-hero{padding:25px;display:grid;align-items:start}.welcome-band h2,.vacation-hero h2,.notification-hero h2{font-size:23px}.stats-grid,.stats-grid.two,.content-grid,.booking-summary{grid-template-columns:1fr}.booking-summary{gap:18px}.rule-note{border-left:0;border-top:1px solid #cfc7ba;padding:16px 0 0}.panel{padding:18px}.panel-head{align-items:flex-start;flex-direction:column}.text-link{align-self:flex-start}.desks-grid{grid-template-columns:repeat(2,1fr);gap:8px}.office-layout{padding:0 12px 15px}.booking-action{align-items:stretch;flex-direction:column}.booking-action button{width:100%}.notice-row{align-items:flex-start;flex-wrap:wrap}.notice-row button{margin-left:35px}.vacation-hero,.notification-hero{padding-left:25px;padding-top:125px}.vacation-art,.bell-art{left:25px;top:24px;bottom:auto;height:80px;width:80px}.vacation-art svg{width:40px}.vacation-list>div{grid-template-columns:auto 1fr auto}.vacation-list .active-label{display:none}.form-row{grid-template-columns:1fr}.qr-intro{align-items:flex-start;flex-direction:column}.qr-grid{grid-template-columns:1fr}.legend{flex-wrap:wrap}.calendar-arrows{width:100%;justify-content:space-between}.app-footer span:last-child{display:none}}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:14px 12px;border-bottom:1px solid #ffffff12}.role-switch button{display:grid;place-items:center;gap:5px;border:1px solid #ffffff14;background:transparent;color:#8f908c;padding:9px 4px;font-size:9px;font-weight:700}.role-switch button svg{width:17px}.role-switch button.active{background:#fff;color:#20201f;border-color:#fff}.booking-calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}.booking-calendar-grid button{position:relative;min-height:105px;display:grid;align-content:space-between;text-align:left;padding:13px;border:1px solid #dedad2;background:#faf8f3}.booking-calendar-grid button>span:first-child{display:grid}.booking-calendar-grid button small{text-transform:uppercase;font-size:8px;color:#888}.booking-calendar-grid button b{font-size:11px}.booking-calendar-grid button strong{font:700 24px Unbounded}.booking-calendar-grid button strong em{font:500 10px Manrope;color:#999;font-style:normal}.booking-calendar-grid button.selected{outline:2px solid #292a29}.booking-calendar-grid button.mine{background:#fff0eb;border-color:#e58e75}.booking-calendar-grid button.locked{background:#ece9e3;color:#999}.calendar-state{display:flex;align-items:center;gap:4px;color:#60806e;font-size:8px}.locked .calendar-state{color:#999}.release-notice{display:flex;gap:12px;align-items:center;margin-top:16px;padding:15px;background:#eee5d7;color:#745f44}.release-notice span{display:grid;font-size:10px}.release-notice b{font-size:11px}.booking-workspace{grid-template-columns:1.4fr .6fr}.office-roster>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #e7e3dc}.office-roster>div>span:nth-child(2){display:grid}.office-roster b{font-size:10px}.office-roster small{font-size:8px;color:#888}.office-roster strong{font:700 13px Unbounded}.leader-heading{display:flex;align-items:end;justify-content:space-between;padding:32px 38px;background:#293730;color:#fff}.leader-heading h2{font:700 34px Unbounded;margin:8px 0}.leader-heading p{color:#abb9b0;margin:0}.leader-badge{padding:9px 12px;background:#ffffff12;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.leader-legend{display:flex;gap:15px;font-size:9px}.leader-legend span{display:flex;align-items:center;gap:5px}.leader-legend i{width:9px;height:9px;border-radius:50%}.leader-legend .low{background:#9eb9a8}.leader-legend .near{background:#d9a556}.leader-legend .full{background:#dc6547}.load-calendar{display:grid;grid-template-columns:repeat(10,minmax(80px,1fr));gap:6px;overflow-x:auto}.load-calendar button{display:grid;gap:5px;text-align:left;padding:11px;border:1px solid transparent}.load-calendar button span{font-size:8px;text-transform:uppercase}.load-calendar button b{font-size:9px}.load-calendar button strong{font:700 18px Unbounded}.load-calendar .low{background:#e4eee7}.load-calendar .near{background:#f4e6cc}.load-calendar .full{background:#f6ded7}.load-calendar button.selected{outline:2px solid #252625}.leader-table{min-width:700px;overflow:hidden}.leader-row{display:grid;grid-template-columns:2fr .7fr 1fr 1fr;align-items:center;gap:14px;min-height:52px;padding:8px 12px;border-top:1px solid #e7e3dc;font-size:10px}.leader-row.head{min-height:36px;background:#eeeae3;color:#777;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.leader-person{display:flex;align-items:center;gap:8px}.plan-table .leader-row{grid-template-columns:2fr .7fr .7fr 1.2fr}.plan-ok,.plan-bad{display:flex;align-items:center;gap:5px;font-weight:700}.plan-ok{color:#3e7258}.plan-bad{color:#b54b30}.plan-ok svg,.plan-bad svg{width:15px}.adjustment-table .leader-row{grid-template-columns:1.2fr 1fr 2fr}.positive{color:#3e7258}@media(max-width:900px){.booking-calendar-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}.booking-workspace{grid-template-columns:1fr}.leader-table{overflow-x:auto}.load-calendar{grid-template-columns:repeat(10,80px)}}@media(max-width:600px){.booking-calendar-grid{grid-template-columns:repeat(2,1fr)}.leader-heading{padding:24px;display:grid;gap:20px}.leader-heading h2{font-size:24px}.leader-badge{justify-self:start}.role-switch{padding-top:8px}}.scanner-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:30px 36px;background:#26372f;color:#fff}.scanner-heading h2{font:700 32px Unbounded;margin:8px 0}.scanner-heading p{color:#afbbb4;margin:0}.scanner-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.expected-desk{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:14px;background:#eee9e0}.expected-desk>span{display:grid;place-items:center;width:50px;height:50px;background:#e75632;color:#fff;font:700 22px Unbounded}.expected-desk>div{display:grid}.expected-desk small{font-size:8px;letter-spacing:.12em;color:#888}.expected-desk b{font-size:13px}.expected-desk p{font-size:9px;color:#777;margin:3px 0 0}.camera-reader{min-height:360px;border:1px solid #d8d4cc;background:#171817;color:#222}.camera-reader video{max-height:430px;object-fit:cover}.camera-reader button{border:0!important;background:#e75632!important;color:#fff!important;padding:10px 14px!important}.scan-result{min-height:330px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;background:#e7f0ea;color:#3f7057}.scan-result.invalid{background:#f8e5df;color:#a8462d}.scan-result svg{width:52px;height:52px}.scan-result h3{font:700 22px Unbounded;margin:14px 0 3px}.scan-result p{font-size:11px;margin:0 0 20px}.scan-instruction>svg{width:34px;height:34px;color:#e75632}.scan-instruction ol{display:grid;gap:18px;padding:0;list-style:none;margin:24px 0}.scan-instruction li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:11px;line-height:1.5}.scan-instruction li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee9e0;font-weight:800}.target-table{min-width:980px}.target-row{display:grid;grid-template-columns:1.65fr .7fr .7fr 1.25fr .8fr;align-items:center;gap:12px;min-height:62px;padding:9px 12px;border-top:1px solid #e7e3dc;font-size:10px}.target-row.head{min-height:36px;background:#eeeae3;color:#777;font-size:8px;text-transform:uppercase}.target-row .leader-person>span{display:grid}.target-row .leader-person small{display:flex;align-items:center;gap:3px;font-size:8px}.target-row .leader-person small svg{width:12px}.target-row label{display:flex;align-items:center;gap:7px}.target-row label small{white-space:nowrap;color:#777}.target-row input{width:52px;border:1px solid #cbc6bd;background:#fff;padding:7px;text-align:center;font-weight:800}.target-row select{min-width:0;border:1px solid #cbc6bd;background:#fff;padding:8px;font-size:9px}.save-target{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c7c2b9;background:#fff;padding:8px;font-size:9px;font-weight:700}.save-target svg{width:14px}.text-small{font-size:9px}@media(max-width:760px){.scanner-heading{display:grid;padding:24px}.scanner-heading h2{font-size:23px}.scanner-layout{grid-template-columns:1fr}.target-table{overflow-x:auto}}.legend i.holiday,.leader-legend i.holiday{background:#6e8f7b;border-color:#6e8f7b}.booking-calendar-grid button.holiday{background:#e3eee7;border-color:#88a993;color:#345c47}.booking-calendar-grid button.holiday strong{font-size:18px}.release-notice.holiday-notice{background:#e3eee7;color:#345c47}.load-calendar .holiday{background:#dcebe1;color:#345c47}.load-calendar .holiday strong{font:700 10px Manrope}.holiday-roster-note{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:12px;background:#e3eee7;color:#345c47;font-size:10px;font-weight:700}.mini-schedule .holiday-dot{background:#527a64}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#4c4e64;background:#f7f7f9;--ink:#282a42;--paper:#fff;--sand:#f7f7f9;--line:rgba(76,78,100,.12);--coral:#666cff;--sage:#72e128;--blue:#26c6f9;--crm-primary:#666cff;--crm-primary-light:#787eff;--crm-text:#4c4e64;--crm-muted:rgba(76,78,100,.6);--crm-shadow:0 2px 10px rgba(76,78,100,.12)}body{background:#f7f7f9;color:var(--crm-text)}button,input,select,textarea{font-family:inherit}button{border-radius:8px}.eyebrow{font-size:11px;letter-spacing:.55px;color:var(--crm-muted)}.primary-button,.secondary-button,.cream-button,.danger-button{border-radius:8px;font-weight:500;line-height:1.5;padding:10px 22px}.primary-button{background:var(--crm-primary);box-shadow:0 4px 8px -4px #666cff99}.primary-button:hover{background:#5a5fe0}.secondary-button{border-color:#4c4e643d;color:var(--crm-primary);background:#fff}.secondary-button:hover{background:#666cff14}.cream-button{background:#fff;color:var(--crm-primary);box-shadow:var(--crm-shadow)}.danger-button{background:#ff4d491a;color:#ff4d49;border-color:#ff4d493d}.text-button,.text-link{color:var(--crm-primary);font-weight:500}.icon-button{border-radius:50%}.form-error,.toast-message{border:0;border-radius:8px;background:#ff4d491a;color:#e04440}.toast-message{background:#72e1281f;color:#4f9d1c}.sidebar{width:300px;background:#282a42;color:#eaeaff}.sidebar-brand{height:64px;padding:0 22px;border:0;gap:13px}.sidebar-brand img{width:150px;height:auto}.sidebar-brand>span{padding-left:12px;border-left:1px solid rgba(234,234,255,.24);font-size:11px;font-weight:600;letter-spacing:.13em;color:#eaeaffb3}.sidebar nav{padding:12px 24px;gap:6px}.sidebar nav button,.sidebar-bottom>button{border-radius:8px;padding:11px 16px;color:#eaeaffb8;font-weight:400}.sidebar nav button:hover,.sidebar nav button.active{background:#eaeaff0d;color:#fff}.sidebar nav button.active{background:#787eff;box-shadow:0 4px 8px -4px #00000073}.sidebar nav button.active:before{display:none}.sidebar-bottom{padding:12px 24px;border-color:#eaeaff14}.role-switch{margin:5px 24px 8px;padding:4px;border:1px solid rgba(234,234,255,.1);border-radius:10px;background:#eaeaff09}.role-switch button{border:0;border-radius:7px;color:#eaeaff9e;padding:8px}.role-switch button.active{background:#666cff;color:#fff}.user-mini{border-top:1px solid rgba(234,234,255,.08);padding-top:17px}.user-mini .avatar,.tiny-avatar{background:#666cff26;color:#666cff}.user-mini b{font-weight:500}.main-content{margin-left:300px;padding:0 24px}.topbar{position:sticky;top:0;z-index:15;height:64px;border:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 -24px;padding:0 24px;box-shadow:0 2px 10px #4c4e6414}.topbar h1{font:500 20px/1.35 Inter,system-ui,sans-serif;letter-spacing:.1px;margin:2px 0 0}.topbar .eyebrow{display:none}.status-pill{border-radius:20px;background:#4c4e6414;font-weight:500}.status-pill.success{background:#72e1281f;color:#4f9d1c}.page-stack{gap:24px;padding:24px 0 48px;max-width:none}.app-footer{border:0;color:var(--crm-muted)}.panel,.stat-card,.booking-summary,.qr-card{border:0;border-radius:10px;background:#fff;box-shadow:var(--crm-shadow)}.panel{padding:24px}.panel h3,.panel-head h3,.today-panel h3,.substitution-panel h3{font:500 18px/1.45 Inter,system-ui,sans-serif;letter-spacing:.15px;color:#4c4e64de}.panel-head{margin-bottom:20px}.stat-card{padding:20px}.stat-icon{border-radius:8px}.stat-icon.coral{background:#666cff1f;color:#666cff}.stat-icon.blue{background:#26c6f91f;color:#26c6f9}.stat-icon.green{background:#72e1281f;color:#64c623}.stat-card b{font:500 24px/1.35 Inter,system-ui,sans-serif;color:#4c4e64de}.stat-card small,.stat-card span{font-size:12px}.welcome-band,.vacation-hero,.notification-hero,.leader-heading,.scanner-heading{border-radius:10px;background:linear-gradient(135deg,#666cff,#787eff);box-shadow:0 6px 18px -8px #4c4e648f}.welcome-band h2,.vacation-hero h2,.notification-hero h2,.leader-heading h2,.scanner-heading h2{font:500 clamp(25px,3vw,34px)/1.3 Inter,system-ui,sans-serif;letter-spacing:-.5px}.welcome-band p,.vacation-hero p,.notification-hero p,.leader-heading p,.scanner-heading p{color:#ffffffc2}.leader-badge{border-radius:20px;background:#ffffff29}.notice-row{border-radius:10px;background:#fff;box-shadow:var(--crm-shadow)}.booking-summary{grid-template-columns:1fr 1fr;padding:24px}.booking-summary h2{font:500 21px/1.4 Inter,system-ui,sans-serif;color:#4c4e64de}.progress-wrap>div{border-radius:20px;background:#4c4e641a;overflow:hidden}.progress-wrap>div span{background:#666cff}.booking-calendar-grid{gap:10px}.booking-calendar-grid button{min-height:108px;border:1px solid rgba(76,78,100,.12);border-radius:8px;background:#fff;padding:12px}.booking-calendar-grid button:hover{border-color:#787eff;background:#666cff0a}.booking-calendar-grid button.selected{outline:0;border-color:#666cff;box-shadow:0 0 0 2px #666cff2e}.booking-calendar-grid button.mine{background:#666cff17;border-color:#666cff5c}.booking-calendar-grid button.locked{background:#f5f5f7;color:#4c4e6461}.booking-calendar-grid button.holiday{background:#72e1281a;border-color:#72e12852;color:#4f9d1c}.booking-calendar-grid button strong{font:500 22px Inter,system-ui,sans-serif}.calendar-state{color:#666cff;font-size:9px}.release-notice{border-radius:8px;background:#fdb5281f;color:#a06c00}.release-notice.holiday-notice{background:#72e1281f;color:#4f9d1c}.office-layout{border:1px solid rgba(76,78,100,.12);border-radius:10px;background:#f7f7f9}.window-label{border-color:#26c6f9;color:#21aedb}.desks-grid button{border:1px solid rgba(76,78,100,.12);border-radius:8px;background:#fff;transition:.15s}.desks-grid button:hover:not(:disabled){border-color:#787eff;box-shadow:0 3px 8px #4c4e641f}.desks-grid button.selected{outline:0;border-color:#666cff;background:#666cff0f;box-shadow:0 0 0 2px #666cff26}.desks-grid button.my-desk{border-color:#666cff;background:#666cff14}.desk-top>i,.desk-chip{border-radius:6px;background:#666cff}.status-pill{font-size:11px}.office-roster>div,.vacation-list>div,.substitution{border-color:#4c4e641f}@media(min-width:1240px){.booking-calendar-grid{grid-template-columns:repeat(10,minmax(72px,1fr));gap:8px}}.load-calendar button{border-radius:8px}.load-calendar .low{background:#72e1281a}.load-calendar .near{background:#fdb52824}.load-calendar .full{background:#ff4d491f}.load-calendar .holiday{background:#26c6f91a;color:#158cae}.load-calendar button.selected{outline:0;box-shadow:0 0 0 2px #666cff}.leader-row,.target-row{border-color:#4c4e641f}.leader-row.head,.target-row.head{background:#f5f5f7;color:#4c4e6499}.target-row input,.target-row select{border-color:#4c4e6433;border-radius:8px}.save-target{border-color:#666cff52;border-radius:8px;color:#666cff}.save-target:hover{background:#666cff14}.holiday-roster-note{border-radius:8px;background:#72e1281a;color:#4f9d1c}.notification-list label>i{background:#4c4e6433}.notification-list input:checked+i{background:#666cff}.notification-icon,.permission-badge,.expected-desk,.info-box,.scan-user{border-radius:8px}.permission-badge.granted,.info-box{background:#72e1281a;color:#4f9d1c}.qr-code{border:1px solid rgba(76,78,100,.12);border-radius:8px}.qr-title>span,.expected-desk>span{border-radius:8px;background:#666cff}.camera-reader,.scan-result{border-radius:10px;overflow:hidden}.camera-reader button{border-radius:8px!important;background:#666cff!important}.scan-result{background:#72e1281a;color:#4f9d1c}.scan-result.invalid{background:#ff4d491a;color:#e04440}.auth-shell{background:#f7f7f9}.auth-story{background:#282a42;padding:48px 6vw}.auth-story:before{border-color:#eaeaff14;box-shadow:0 0 0 70px #eaeaff09,0 0 0 140px #eaeaff05}.brand img{width:165px;height:auto}.brand>span{padding-left:12px;border-left:1px solid rgba(234,234,255,.24);font-size:11px;letter-spacing:.14em}.story-content h1{font:500 clamp(38px,5vw,66px)/1.12 Inter,system-ui,sans-serif;letter-spacing:-1.5px}.auth-form-wrap{background:#f7f7f9}.auth-form{padding:32px;border-radius:10px;background:#fff;box-shadow:0 6px 18px -8px #4c4e6459}.auth-form h2{font:600 24px/1.4 Inter,system-ui,sans-serif;letter-spacing:0}.auth-form input,.modal-card input,.modal-card select,.modal-card textarea{border-color:#4c4e6438;border-radius:8px;background:#fff}.auth-form input:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#666cff;box-shadow:0 0 0 2px #666cff1f}.modal-card{border-radius:10px;box-shadow:0 8px 30px #282a423d}.modal-backdrop{background:#282a428f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:1050px){.main-content{margin-left:0}.sidebar{width:300px}}@media(max-width:760px){.main-content{padding:0 16px}.topbar{margin:0 -16px;padding:0 16px;height:64px}.page-stack{padding-top:16px}.booking-summary{grid-template-columns:1fr}.welcome-band,.vacation-hero,.notification-hero,.leader-heading,.scanner-heading{border-radius:10px;padding:22px}.panel{padding:18px}.auth-form-wrap{padding:20px}.auth-form{padding:24px}}.sidebar-bottom>button.active{background:#787eff;color:#fff}.settings-heading{padding:4px 2px}.settings-heading h2{font:500 28px/1.35 Inter,system-ui,sans-serif;margin:6px 0;color:#4c4e64de}.settings-heading p{margin:0;color:#4c4e6499}.settings-panel{max-width:850px}.settings-toggle-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;cursor:pointer}.settings-toggle-row>span:nth-child(2){display:grid}.settings-toggle-row b{font-size:13px;font-weight:500}.settings-toggle-row small{font-size:11px;color:#4c4e6499}.settings-toggle-row input{display:none}.settings-toggle-row>i{position:relative;width:42px;height:24px;border-radius:20px;background:#4c4e6433;transition:.2s}.settings-toggle-row>i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.settings-toggle-row input:checked+i{background:#666cff}.settings-toggle-row input:checked+i:after{left:21px}.notification-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cream-button.ghost{background:#ffffff24;color:#fff;border-color:#ffffff47;box-shadow:none}.push-status-note{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid rgba(253,181,40,.25);border-radius:10px;background:#fdb5281a;color:#8c6207}.push-status-note svg{flex:0 0 auto}.push-status-note span{display:grid;font-size:11px;line-height:1.5}.push-status-note b{font-size:12px}html[data-theme=dark]{color-scheme:dark;--paper:#30334e;--sand:#282a42;--line:rgba(234,234,255,.12);--crm-text:#eaeaff;--crm-muted:rgba(234,234,255,.6);--crm-shadow:0 2px 10px rgba(20,21,33,.24)}html[data-theme=dark] body{background:#282a42;color:#eaeaff}html[data-theme=dark] .main-content{background:#282a42}html[data-theme=dark] .topbar{background:#30334eeb}html[data-theme=dark] .topbar h1,html[data-theme=dark] .panel h3,html[data-theme=dark] .panel-head h3,html[data-theme=dark] .today-panel h3,html[data-theme=dark] .substitution-panel h3,html[data-theme=dark] .stat-card b,html[data-theme=dark] .booking-summary h2,html[data-theme=dark] .settings-heading h2{color:#eaeaffde}html[data-theme=dark] .eyebrow,html[data-theme=dark] .muted,html[data-theme=dark] .settings-heading p,html[data-theme=dark] .settings-toggle-row small{color:#eaeaff99}html[data-theme=dark] .panel,html[data-theme=dark] .stat-card,html[data-theme=dark] .booking-summary,html[data-theme=dark] .qr-card,html[data-theme=dark] .notice-row,html[data-theme=dark] .auth-form{background:#30334e}html[data-theme=dark] .booking-calendar-grid button,html[data-theme=dark] .desks-grid button,html[data-theme=dark] .secondary-button,html[data-theme=dark] .save-target,html[data-theme=dark] .target-row input,html[data-theme=dark] .target-row select,html[data-theme=dark] .auth-form input,html[data-theme=dark] .modal-card input,html[data-theme=dark] .modal-card select,html[data-theme=dark] .modal-card textarea{background:#30334e;color:#eaeaff;border-color:#eaeaff29}html[data-theme=dark] .booking-calendar-grid button.locked,html[data-theme=dark] .leader-row.head,html[data-theme=dark] .target-row.head{background:#3a3e5b}html[data-theme=dark] .office-layout,html[data-theme=dark] .auth-shell,html[data-theme=dark] .auth-form-wrap{background:#282a42}html[data-theme=dark] .mini-schedule small,html[data-theme=dark] .stat-card small,html[data-theme=dark] .stat-card span,html[data-theme=dark] .booking-summary p,html[data-theme=dark] .progress-wrap small{color:#eaeaff99}html[data-theme=dark] .modal-card{background:#30334e}html[data-theme=dark] .push-status-note{color:#fdbe42}@media(max-width:760px){.notification-actions{justify-content:flex-start}.notification-hero .notification-actions,.notification-actions button{width:100%}.vacation-hero,.notification-hero{position:relative;padding:116px 22px 22px!important}.vacation-art,.bell-art{left:22px;top:22px;bottom:auto;width:72px;height:72px;transform:none}.vacation-art svg,.bell-art svg{width:34px;height:34px}}.booking-workspace{scroll-margin-top:88px}.mobile-bottom-nav{display:none}.vacation-quick{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(260px,1.5fr) auto;align-items:center;gap:22px}.vacation-quick-title,.vacation-person,.vacation-own{display:flex;align-items:center;gap:12px}.vacation-quick-title>span:last-child,.vacation-person>span:last-child,.vacation-own>span{display:grid}.vacation-quick-title b,.vacation-person b,.vacation-own b{font-size:12px;font-weight:600}.vacation-quick-title small,.vacation-person small,.vacation-own small{font-size:10px;color:var(--crm-muted)}.vacation-quick-people{display:flex;align-items:center;gap:10px;overflow-x:auto}.vacation-person{min-width:max-content;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--sand)}.vacation-empty{font-size:11px;color:var(--crm-muted)}.vacation-own{justify-content:flex-end}.vacation-own .primary-button svg{width:15px}.vacation-quick-modal{width:min(620px,100%)}.modal-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.modal-title-row>span:nth-child(2){display:grid}.modal-title-row h2{margin:3px 0 0}.vacation-leader-table .leader-row{grid-template-columns:1.25fr 1fr 1.25fr .8fr}.empty-inline{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px;color:var(--crm-muted);font-size:12px}.approval-message{margin-bottom:14px}.approval-list{display:grid}.approval-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.approval-row:first-child{border-top:0}.approval-person{display:grid;gap:3px;min-width:0}.approval-person b{font-size:13px}.approval-person small{color:var(--crm-muted);overflow-wrap:anywhere}.approval-person em{font-size:9px;color:var(--crm-muted);font-style:normal}.approval-actions{display:flex;gap:8px}.approval-actions button{padding:9px 12px;font-size:10px}.approval-actions svg{width:15px;height:15px}.approval-actions button:disabled{cursor:wait;opacity:.55}.desks-grid,.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-number.desk-name{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.office-roster strong{font-size:11px}@media(max-width:760px){.main-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.app-footer{display:none}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;min-height:66px;padding:6px;border:1px solid rgba(76,78,100,.12);border-radius:18px;background:#fffffff0;box-shadow:0 8px 30px #282a4233;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav button{display:grid;place-items:center;gap:3px;border:0;border-radius:13px;background:transparent;color:#4c4e6499;font-size:9px;padding:7px 4px}.mobile-bottom-nav button svg{width:21px;height:21px}.mobile-bottom-nav button.active{background:#666cff1f;color:#666cff;font-weight:600}.stats-grid,.stats-grid.two{display:grid;grid-template-columns:repeat(3,minmax(250px,82vw));overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 8px}.stats-grid.two{grid-template-columns:repeat(2,minmax(250px,82vw))}.stat-card{scroll-snap-align:start}.booking-calendar-grid{display:grid;grid-template-rows:repeat(2,112px);grid-auto-flow:column;grid-auto-columns:140px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}.booking-calendar-grid button{scroll-snap-align:start}.vacation-quick{grid-template-columns:1fr;gap:14px;padding:18px}.vacation-quick-people{margin:0 -2px;padding:2px}.vacation-own{justify-content:space-between;align-items:flex-end;padding-top:12px;border-top:1px solid var(--line)}.vacation-own .primary-button{flex:0 0 auto;padding:10px 14px}.vacation-quick-modal .modal-actions{display:grid;grid-template-columns:1fr}.vacation-quick-modal .modal-actions button{width:100%}.leader-table.vacation-leader-table{min-width:760px}}html[data-theme=dark] .mobile-bottom-nav{background:#30334ef0;border-color:#eaeaff1f}html[data-theme=dark] .mobile-bottom-nav button{color:#eaeaff99}html[data-theme=dark] .mobile-bottom-nav button.active{color:#fff;background:#666cff}.account-settings{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-person{display:flex;align-items:center;gap:12px}.account-person>span:last-child{display:grid}.account-person b{font-size:13px;font-weight:600}.account-person small{font-size:10px;color:var(--crm-muted)}.account-logout svg{width:17px}.modal-card{max-height:calc(100dvh - 32px);overflow-y:auto}.route-loading{min-height:260px;display:grid;place-items:center;color:var(--crm-muted);font-size:12px}@media(max-width:760px){button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topbar{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.topbar>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{width:42px;height:42px;flex:0 0 auto}.topbar-status .icon-button{width:42px;height:42px}.primary-button,.secondary-button,.cream-button,.danger-button{min-height:44px}.mobile-bottom-nav button{min-height:52px}.booking-calendar-grid,.stats-grid,.vacation-quick-people,.leader-table,.target-table,.load-calendar{-webkit-overflow-scrolling:touch;scrollbar-width:none}.booking-calendar-grid::-webkit-scrollbar,.stats-grid::-webkit-scrollbar,.vacation-quick-people::-webkit-scrollbar,.leader-table::-webkit-scrollbar,.target-table::-webkit-scrollbar,.load-calendar::-webkit-scrollbar{display:none}.panel-actions{align-items:stretch;flex-direction:column}.panel-actions button{width:100%}.account-settings{align-items:stretch;flex-direction:column}.account-logout{width:100%}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;padding:22px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.leader-heading,.scanner-heading,.qr-intro{align-items:stretch}.leader-heading .leader-badge{width:max-content}.leader-table,.target-table,.leader-table.vacation-leader-table{width:100%;min-width:0;max-width:100%;overflow-x:auto;border-radius:8px}.leader-table .leader-row{min-width:700px}.vacation-leader-table .leader-row{min-width:760px}.target-table{display:grid;gap:12px;overflow:visible}.target-table .target-row.head{display:none}.target-table .target-row{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.target-table .target-row>.leader-person,.target-table .target-row>select,.target-table .target-row>.save-target{grid-column:1/-1}.target-table .target-row>.leader-person{padding-bottom:10px;border-bottom:1px solid var(--line)}.target-table .target-row label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;border-radius:8px;background:var(--sand)}.target-table .target-row input{width:48px}.target-table .target-row select,.target-table .target-row .save-target{width:100%;min-height:44px}.page-stack,.content-grid,.booking-workspace{grid-template-columns:minmax(0,1fr)}.page-stack,.content-grid,.booking-workspace,.booking-workspace>.panel,.office-layout,.desks-grid{min-width:0;max-width:100%}.booking-workspace,.office-layout,.desks-grid{width:100%}.booking-workspace{overflow:hidden}.desks-grid button{min-height:116px}.office-zones{gap:14px}.office-zones span:last-child{text-align:right}}@media(max-width:760px){.approval-row{grid-template-columns:auto minmax(0,1fr)}.approval-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.approval-actions button{width:100%}}.live-presence-panel{border-top:3px solid var(--crm-primary)}.live-presence-table .leader-row,.daily-presence-table .leader-row,.attendance-report-table .leader-row{grid-template-columns:1.55fr .65fr .65fr .8fr 1fr}.presence-live,.presence-waiting{display:inline-flex;align-items:center;gap:7px;font-weight:600}.presence-live{color:#3e7258}.presence-waiting{color:#b45830}.presence-live:before,.presence-waiting:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor}.period-switch{display:flex;gap:4px;padding:4px;border-radius:8px;background:var(--sand)}.period-switch button{border:0;border-radius:6px;background:transparent;color:var(--crm-muted);padding:8px 11px;font-size:10px;font-weight:600}.period-switch button.active{background:var(--paper);color:var(--crm-primary);box-shadow:var(--crm-shadow)}.report-range{margin:-8px 0 18px;color:var(--crm-muted);font-size:11px}html[data-theme=dark] .live-presence-panel{border-top-color:var(--crm-primary-light)}@media(max-width:760px){.presence-stats{grid-template-columns:repeat(3,minmax(250px,82vw))}.daily-presence-table .leader-row,.attendance-report-table .leader-row{min-width:760px}.live-presence-table{display:grid;gap:10px;overflow:visible}.live-presence-table .leader-row.head{display:none}.live-presence-table .leader-row:not(.head){min-width:0;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.live-presence-table .leader-row:not(.head)>.leader-person{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line)}.live-presence-table .leader-row:not(.head)>:nth-child(2),.live-presence-table .leader-row:not(.head)>:nth-child(3),.live-presence-table .leader-row:not(.head)>:nth-child(4){display:grid;gap:3px}.live-presence-table .leader-row:not(.head)>:nth-child(2):before{content:"Стол"}.live-presence-table .leader-row:not(.head)>:nth-child(3):before{content:"Приход"}.live-presence-table .leader-row:not(.head)>:nth-child(4):before{content:"В офисе"}.live-presence-table .leader-row:not(.head)>:nth-child(2):before,.live-presence-table .leader-row:not(.head)>:nth-child(3):before,.live-presence-table .leader-row:not(.head)>:nth-child(4):before{color:var(--crm-muted);font-size:8px;font-weight:500;text-transform:uppercase}.live-presence-table .leader-row:not(.head)>:nth-child(5){grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}.period-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.period-switch button{min-height:40px}}.attendance-explorer{min-width:0;border-top:3px solid var(--crm-primary)}.attendance-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.attendance-controls label{display:grid;gap:7px;font-size:11px;color:var(--crm-muted)}.attendance-controls input,.attendance-controls select{min-height:42px;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:var(--paper);color:var(--ink);font:inherit}.attendance-controls select{min-width:240px;max-width:100%}.attendance-month{display:flex;align-items:end;gap:8px}.attendance-month>button{display:grid;place-items:center;width:40px;height:42px;border:1px solid var(--line);border-radius:7px;background:var(--sand);color:var(--ink)}.attendance-totals{display:flex;gap:22px;margin-left:auto;padding:8px 0;font-size:12px;color:var(--crm-muted)}.attendance-totals b{font-size:22px;color:var(--ink);margin-right:4px}.attendance-note{font-size:12px;line-height:1.6;color:var(--crm-muted);margin:16px 0}.attendance-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;margin:16px 0}.attendance-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:9px}.attendance-matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;text-align:center}.attendance-caption{text-align:left;padding:12px;font-weight:600;background:var(--sand)}.attendance-matrix th,.attendance-matrix td{padding:4px;border-bottom:1px solid var(--line)}.attendance-matrix th:first-child{position:sticky;left:0;z-index:1;min-width:170px;max-width:170px;background:var(--paper);text-align:left;border-right:1px solid var(--line);padding:12px}.attendance-matrix thead{background:var(--sand)}.attendance-matrix button{border:0;background:transparent;color:inherit;font:inherit;min-height:40px;min-width:32px;border-radius:5px}.attendance-matrix th:first-child button{text-align:left;font-weight:600}.attendance-matrix th small{display:block;color:var(--crm-muted);font-size:9px;margin-top:5px}.attendance-matrix .attendance-cell{width:100%;font-weight:700}.attendance-matrix button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--crm-primary)}.attendance-matrix .is-today{color:var(--crm-primary);font-weight:800}.attendance-explorer .visit{color:#327341}.attendance-cell.visit{background:#72e12822}.attendance-explorer .planned{color:var(--crm-primary)}.attendance-cell.planned{background:#666cff16}.attendance-explorer .vacation{color:#b65c12}.attendance-cell.vacation{background:#fdb52822}.attendance-explorer .off,.attendance-explorer .none{color:var(--crm-muted)}.attendance-cell.off{background:var(--sand)}.attendance-detail-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.attendance-detail-head h4{margin:0 auto 0 0;font-size:15px}.attendance-detail-head label{display:flex;align-items:center;gap:6px;font-size:12px}.attendance-details{display:grid;margin-top:14px;gap:8px}.attendance-detail{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px;border:1px solid var(--line);border-radius:8px;padding:14px;font-size:12px}.attendance-detail.selected{border-left:3px solid var(--crm-primary)}.attendance-detail>div{display:grid;align-content:start;gap:6px}.attendance-detail small{font-size:10px;color:var(--crm-muted)}.attendance-status{font-size:11px}.attendance-explorer button:focus-visible,.attendance-scroll:focus-visible{outline:2px solid var(--crm-primary);outline-offset:2px}html[data-theme=dark] .attendance-explorer .visit{color:#98d78f}html[data-theme=dark] .attendance-explorer .vacation{color:#ffc66b}@media(max-width:760px){.attendance-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.attendance-controls select{width:100%;min-width:0}.attendance-totals{margin-left:0}.attendance-month label{flex:1;min-width:0}.attendance-month input{min-width:0;width:100%}.attendance-detail{grid-template-columns:1fr 1fr;gap:14px}.attendance-detail>div:first-child{grid-column:1/-1}.attendance-matrix th:first-child{min-width:130px;max-width:130px;font-size:11px}}