@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#101828;font-synthesis:none;background:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.boot-screen{background:#f6f8fc;place-items:center;min-height:100vh;display:grid}.auth-page{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);min-height:100vh;display:grid}.auth-intro{background:#f3f6fc;flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px clamp(40px,7vw,110px);display:flex;overflow:hidden}.auth-brand{padding:0}.auth-intro h1{letter-spacing:-3.6px;max-width:680px;font-size:clamp(44px,5.2vw,76px);line-height:1.02}.auth-intro p{color:#5e6b80;max-width:580px;margin:24px 0 0;font-size:18px;line-height:1.6}.auth-preview{background:#fff;border:1px solid #dce3ee;border-radius:14px;grid-template-rows:36px 72px 72px;grid-template-columns:repeat(3,1fr);width:min(620px,100%);display:grid;overflow:hidden;transform:rotate(-1deg)translateY(20px);box-shadow:0 18px 40px #172b4d14}.preview-day{color:#6b778c;background:#f8fafd;border-right:1px solid #e4e8ef;place-items:center;font-size:10px;font-weight:700;display:grid}.preview-event{align-self:center;align-items:center;height:34px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.preview-event.office{color:#105c46;background:#b7f0d7;border-radius:0 7px 7px 0;grid-column:1/3}.preview-event.wfh{color:#4c358f;background:#dcd0ff;border-radius:7px 0 0 7px;grid-column:2/4}.auth-panel{place-items:center;min-height:100vh;padding:40px;display:grid}.auth-form{gap:18px;width:min(390px,100%);display:grid}.auth-form h2{letter-spacing:-1px;margin:0;font-family:Manrope,sans-serif;font-size:32px}.auth-form>div>p{color:#667085;margin:7px 0 5px;font-size:14px}.auth-form label{color:#344054;gap:8px;font-size:13px;font-weight:600;display:grid}.onboarding-choice{background:#f0f3f8;border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.onboarding-choice button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:7px;height:38px;font-size:12px;font-weight:700}.onboarding-choice button.active{color:#1454d8;background:#fff;box-shadow:0 1px 4px #1018281a}.code-input{text-transform:uppercase;letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.auth-submit{width:100%;margin-top:4px}.button:disabled{opacity:.65;cursor:wait}.form-error{color:#a51d2d;background:#fff0f2;border-radius:8px;margin:-3px 0;padding:10px 12px;font-size:12px}.auth-switch{color:#667085;text-align:center;font-size:13px}.auth-switch button{color:#1559df;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.app-shell{background:#fff;grid-template-columns:222px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:#f6f8fc;border-right:1px solid #e4e9f1;flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;align-items:center;gap:12px;padding:0 10px 28px;font-family:Manrope,sans-serif;font-size:21px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#246bfd;border-radius:10px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}nav{gap:5px;display:grid}.team-switcher{color:#7a879a;text-transform:uppercase;letter-spacing:.7px;gap:6px;margin:-8px 5px 18px;font-size:9px;font-weight:700;display:grid}.team-switcher select{text-transform:none;letter-spacing:0;height:38px;font-size:12px;font-weight:600}.nav-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;font-size:15px;font-weight:500;display:flex}.nav-item:hover{background:#eef3fb}.nav-item.active{color:#1454d8;background:#e6efff;font-weight:600}.nav-count{color:#5d6b82;background:#e6eaf1;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:11px}.account-card{border-top:1px solid #e1e6ee;align-items:center;gap:9px;margin-top:auto;padding:12px 8px;display:flex}.team-card{background:#fff;border:1px solid #dce3ed;border-radius:10px;margin-top:auto;padding:13px}.team-card>span{color:#7a879a;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:700;display:block}.team-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;display:block;overflow:hidden}.team-card button{color:#1454d8;cursor:pointer;background:#f5f8ff;border:1px dashed #bdc9dc;border-radius:7px;align-items:center;gap:6px;width:100%;min-height:34px;margin-top:10px;padding:0 8px;display:flex}.team-card code{letter-spacing:1px;margin-right:auto;font-size:11px;font-weight:800}.team-card em{color:#fff;background:#172033;border-radius:5px;margin:66px 0 0 58px;padding:3px 6px;font-size:9px;font-style:normal;position:absolute}.account-card div,.modal-person div{gap:2px;min-width:0;display:grid}.account-card strong,.modal-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-card span,.modal-person span{text-overflow:ellipsis;color:#7a879a;white-space:nowrap;font-size:10px;overflow:hidden}.main-content{min-width:0;padding:30px 30px 34px}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:22px;display:grid}.title-group{align-items:center;gap:12px;display:flex}h1{letter-spacing:-1.5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(27px,2.35vw,38px);line-height:1}.month-controls{align-items:center;gap:8px;display:flex}.icon-button,.today-button{cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;place-items:center;min-width:43px;height:43px;display:grid}.icon-button:hover,.today-button:hover{background:#f7f9fc;border-color:#cbd4e1}.today-button{padding:0 17px;font-size:14px;font-weight:600}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.button.primary{color:#fff;background:#246bfd;box-shadow:0 5px 14px #246bfd33}.button.primary:hover{background:#1459df}.button.secondary{background:#fff;border:1px solid #dfe5ee}.add-button{justify-self:end}.team-filter{scrollbar-width:none;align-items:flex-start;gap:13px;padding:0 0 22px 4px;display:flex;overflow-x:auto}.team-filter::-webkit-scrollbar{display:none}.person-filter{cursor:pointer;color:#667085;background:0 0;border:0;justify-items:center;gap:6px;min-width:61px;padding:2px 3px;font-size:12px;display:grid}.person-filter span:last-child{white-space:nowrap}.avatar,.everyone-avatar{color:#344054;border:2px solid #fff;border-radius:50%;place-items:center;width:45px;height:45px;font-size:12px;font-weight:700;transition:all .2s;display:grid;box-shadow:0 0 0 1px #dbe1ea}.person-filter:hover .avatar,.person-filter:hover .everyone-avatar,.person-filter.selected .avatar,.person-filter.selected .everyone-avatar{transform:translateY(-1px);box-shadow:0 0 0 2px #246bfd}.person-filter.selected{color:#1859de;font-weight:600}.everyone-avatar{color:#246bfd;background:#fff}.content-grid{grid-template-columns:minmax(650px,1fr) 265px;align-items:start;gap:22px;display:grid}.calendar-shell{background:#fff;border:1px solid #dfe5ed;border-radius:12px;overflow:hidden}.weekdays{background:#f7f9fc;border-bottom:1px solid #e4e8ef;grid-template-columns:repeat(7,1fr);min-height:42px;display:grid}.weekdays div{color:#526077;border-right:1px solid #e4e8ef;place-items:center;font-size:12px;font-weight:600;display:grid}.weekdays div:last-child{border-right:0}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.day-cell{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8ef;border-top:0;border-left:0;min-width:0;height:112px;padding:10px 8px;position:relative;overflow:hidden}.day-cell:nth-child(7n){border-right:0}.day-cell:nth-last-child(-n+7){border-bottom:0}.day-cell:hover{background:#fbfcfe}.day-cell.muted{color:#aeb8c7;background:#fafbfc}.day-cell.selected-day{z-index:2;box-shadow:inset 0 0 0 2px #246bfd}.date-number{font-size:13px;font-weight:600}.events{gap:4px;margin-top:11px;display:grid}.event{white-space:nowrap;z-index:3;align-items:center;height:27px;margin-left:-8px;margin-right:-9px;padding:0 8px;font-size:11px;font-weight:500;display:flex;position:relative;overflow:visible}.event-start{border-radius:7px 0 0 7px;margin-left:0}.event-end{border-radius:0 7px 7px 0;margin-right:0}.event-start.event-end{border-radius:7px}.event.office{color:#105c46;background:#b7f0d7}.event.wfh{color:#4c358f;background:#dcd0ff}.event.holiday{color:#7c5200;background:#ffe0a1}.event.sick{color:#8c2734;background:#ffc5cb}.event.bank-holiday{color:#174eaf;background:#dbe8ff}.event.office-closed{color:#354054;background:#dfe4eb}.event.global-event{border-left:3px solid}.event-name{font-weight:700}.summary-panel{gap:16px;display:grid}.summary-card,.legend{border:1px solid #dfe5ed;border-radius:12px;padding:20px}.summary-card h2{letter-spacing:-.4px;margin:0;font-family:Manrope,sans-serif;font-size:19px}.summary-date{color:#667085;margin:5px 0 20px;font-size:12px}.summary-groups{gap:18px;display:grid}.summary-heading{align-items:center;gap:8px;font-size:13px;display:flex}.summary-count{color:#667085;margin-left:auto;font-size:12px}.status-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.status-dot.office{background:#4fd19b}.status-dot.wfh{background:#9d7ff5}.status-dot.holiday{background:#f7ad2c}.status-dot.sick{background:#f56473}.status-dot.bank_holiday{background:#4f86e8}.status-dot.office_closed{background:#7d8798}.closed-summary{text-align:center;background:#edf3ff;border-radius:9px;align-content:center;place-items:center;gap:8px;min-height:150px;display:grid}.closed-summary.office_closed{background:#f0f2f5}.closed-summary strong{font-size:14px}.closed-summary span{color:#667085;font-size:11px}.summary-person{align-items:center;gap:9px;margin:10px 0 0 17px;font-size:12px;display:flex}.avatar-small{width:29px;height:29px;font-size:8px}.empty-text{color:#98a2b3;margin:7px 0 0 18px;font-size:11px;line-height:1.4}.legend h3{margin:0 0 15px;font-family:Manrope,sans-serif;font-size:15px}.legend div{color:#475467;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.mobile-menu,.mobile-close{background:0 0;border:0;display:none}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(480px,100%);padding:24px;box-shadow:0 24px 70px #0f172a33}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal h2{margin:0;font-family:Manrope,sans-serif;font-size:22px}.modal-header p{color:#667085;margin:4px 0 0;font-size:13px}.modal-person{background:#f8fafc;border:1px solid #e0e6ee;border-radius:9px;align-items:center;gap:10px;padding:11px;display:flex}.modal label{gap:8px;margin-top:17px;font-size:13px;font-weight:600;display:grid}select,input{color:#1d2939;background:#fff;border:1px solid #d5dce7;border-radius:9px;outline:none;width:100%;height:43px;padding:0 11px}select:focus,input:focus{border-color:#246bfd;box-shadow:0 0 0 3px #e4edff}.status-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-option{cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:9px;align-items:center;gap:9px;height:42px;padding:0 11px;font-size:12px;display:flex}.status-option svg{color:#246bfd;margin-left:auto}.status-option.active{background:#f4f7ff;border-color:#90b2fb}.date-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;padding-top:25px;display:flex}.modal-action-spacer{flex:1}.danger-button{color:#a52b3a;background:#fff;border:1px solid #f0c8ce}.danger-button,.danger-text{color:#a52b3a;align-items:center;gap:6px;display:inline-flex}.loading-state{color:#758297;border:1px solid #e1e6ee;border-radius:12px;place-items:center;min-height:420px;font-size:13px;display:grid}.request-note{color:#6c4a00;background:#fff7df;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:12px}.workspace-view{max-width:980px;margin:0 auto;padding:12px 0 40px}.view-heading{border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:flex-start;gap:20px;min-height:84px;display:flex}.view-heading h1{font-size:34px}.view-heading p{color:#667085;margin:8px 0 0;font-size:14px}.invite-button{flex:none}.team-list,.requests-list{border:1px solid #dfe5ed;border-radius:12px;margin-top:24px;overflow:hidden}.team-list-head{color:#7a879a;text-transform:uppercase;letter-spacing:.7px;background:#f8fafc;border-bottom:1px solid #e4e8ef;grid-template-columns:minmax(190px,1fr) 80px 140px 115px;align-items:center;gap:10px;min-height:40px;padding:0 20px;font-size:10px;font-weight:700;display:grid}.team-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(190px,1fr) 80px 140px 115px;align-items:center;gap:10px;min-height:72px;padding:12px 20px;display:grid}.team-row:last-child,.request-row:last-child{border-bottom:0}.team-row>div{align-items:center;gap:12px;display:flex}.team-row>div>span{gap:3px;display:grid}.team-row strong{font-size:13px}.team-row small{color:#7a879a;font-size:11px}.transfer-owner{color:#285dc7;cursor:pointer;background:#f4f7ff;border:1px solid #d7e2fb;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.current-owner{color:#39705d;font-size:10px;font-weight:700}.role-label{color:#4b5870;text-transform:capitalize;background:#eff2f6;border-radius:99px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:700}.permission-toggle{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:inline-flex}.permission-toggle input{opacity:0;pointer-events:none;position:absolute}.permission-toggle:before{content:"";background:#cfd6e0;border-radius:99px;width:30px;height:17px;transition:all .2s;box-shadow:inset 0 0 0 1px #0f172a0f}.permission-toggle:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;margin-left:2px;transition:transform .2s;position:absolute;box-shadow:0 1px 3px #0f172a33}.permission-toggle.enabled:before{background:#246bfd}.permission-toggle.enabled:after{transform:translate(13px)}.permission-toggle span{color:#5c687c;font-size:10px;font-weight:600}.permission-toggle:has(input:disabled){cursor:not-allowed;opacity:.68}.request-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,1fr) 90px auto;align-items:center;gap:18px;min-height:82px;padding:14px 18px;display:grid}.request-person{align-items:center;gap:12px;display:flex}.request-person>div{gap:4px;display:grid}.request-person strong{font-size:13px}.request-person span{color:#667085;font-size:11px}.request-icon{background:#fff3d1;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;color:#9b6800!important}.approval-status{text-transform:capitalize;border-radius:99px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:700}.approval-status.pending{color:#8c5e00;background:#fff2cc}.approval-status.approved{color:#116149;background:#dff8ed}.approval-status.declined{color:#922c39;background:#ffe5e8}.request-actions{gap:8px;display:flex}.request-actions .button{height:36px}.my-statuses{border-top:1px solid #e8edf3;margin-top:18px;padding-top:16px}.my-statuses h3{margin:0 0 9px;font-size:12px}.my-status-row{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.my-status-row>div:first-child{align-items:center;gap:9px;display:flex}.my-status-row span span{gap:2px;display:grid}.my-status-row strong{font-size:12px}.my-status-row small{color:#7a879a;font-size:10px}.status-actions{gap:4px;display:flex}.status-actions .icon-button{width:31px;height:31px}.status-actions .danger{color:#a52b3a}.empty-view{color:#8490a3;align-content:center;place-items:center;gap:9px;min-height:280px;display:grid}.empty-view strong{color:#344054;font-size:14px}.empty-view span{font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-top:24px;display:grid}.settings-section{border:1px solid #dfe5ed;border-radius:12px;gap:17px;padding:22px;display:grid}.settings-section h2{margin:0;font-family:Manrope,sans-serif;font-size:18px}.settings-section>p{color:#758297;margin:-11px 0 1px;font-size:12px}.settings-section label{color:#344054;gap:7px;font-size:12px;font-weight:600;display:grid}.settings-section .button{width:fit-content}.branding-fields{background:#f8fafc;border:1px solid #e5eaf1;border-radius:10px;gap:12px;padding:14px;display:grid}.branding-fields>label{margin:0}.branding-toggle{align-items:center;gap:9px!important;display:flex!important}.branding-toggle input{width:16px;height:16px;margin:0}.brand-preview{background:#fff;border:1px dashed #cfd8e5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;transition:opacity .2s;display:flex}.brand-preview .brand-mark{width:30px;height:30px;font-size:15px}.brand-preview strong{font-family:Manrope,sans-serif;font-size:14px}.brand-preview.hidden-brand{opacity:.35;text-decoration:line-through}.schedule-section{grid-column:1/-1}.weekday-picker{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.weekday-picker button{color:#526077;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:9px;justify-content:space-between;align-items:center;height:46px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.weekday-picker button:hover{background:#f7f9ff;border-color:#9bb8ef}.weekday-picker button.selected{color:#1559df;background:#eef4ff;border-color:#8db0f7}.schedule-summary{color:#667085;font-size:12px}.closure-section,.teams-section{max-width:980px;margin-top:18px}.closure-form{grid-template-columns:180px 1fr auto;gap:9px;display:grid}.closure-list{border-top:1px solid #e8ecf2;display:grid}.closure-list>div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.closure-list>div>span{gap:3px;display:grid}.closure-list strong{font-size:12px}.closure-list small,.closure-list>span{color:#78869a;font-size:11px}.closure-list button{color:#a52b3a;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.team-action-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.team-action-grid form{border:1px solid #e1e6ee;border-radius:10px;gap:10px;padding:16px;display:grid}.team-action-grid strong{font-size:12px}.invite-field{grid-template-columns:1fr auto;gap:8px;display:grid}.invite-field input{letter-spacing:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.success-message{color:#126348;background:#e5f8f0;border-radius:8px;align-items:center;gap:7px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.standalone-menu{margin-bottom:14px}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:430px;padding:34px 30px}.auth-intro h1{font-size:clamp(38px,9vw,58px)}.auth-preview{display:none}.auth-panel{min-height:auto;padding:55px 25px}}@media (width<=1120px){.content-grid{grid-template-columns:minmax(580px,1fr)}.summary-panel,.summary-groups{grid-template-columns:1fr 1fr}.legend{align-self:start}.day-cell{height:104px}}@media (width<=800px){.app-shell{display:block}.sidebar{width:230px;transition:transform .25s;position:fixed;left:0;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:15;background:#0f172a47;position:fixed;inset:0}.mobile-close{padding:8px;display:grid;position:absolute;top:12px;right:10px}.mobile-menu{padding:5px;display:grid}.main-content{padding:22px 18px 30px}.topbar{grid-template-columns:1fr auto}.month-controls{grid-area:2/1/auto/-1;justify-content:center}.content-grid{grid-template-columns:1fr;overflow:hidden}.calendar-shell{overflow-x:auto}.weekdays,.calendar-grid{min-width:680px}.summary-panel{grid-template-columns:1fr}.summary-groups{grid-template-columns:1fr 1fr}.add-button{padding:0 13px}.add-button svg{display:none}.settings-grid{grid-template-columns:1fr}.request-row{grid-template-columns:1fr auto}.request-actions{grid-column:1/-1}.view-heading{min-height:74px}.view-heading h1{font-size:29px}.team-list{overflow-x:auto}.team-list-head,.team-row{min-width:650px}.closure-form,.team-action-grid{grid-template-columns:1fr}}@media (width<=520px){h1{font-size:25px}.team-filter{margin-right:-18px}.summary-groups,.status-options,.date-fields{grid-template-columns:1fr}.modal{padding:20px}.event-label{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}