:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10213d;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}.productLanding{background:#fff;color:#15283f}.productWidth{width:min(1180px,calc(100% - 64px));margin-inline:auto}.productNav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #edf0f4}.productLogo{display:inline-flex;align-items:center;gap:0;text-decoration:none;color:#142740;font-size:27px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.productLogo>span{display:grid;place-items:center;width:42px;height:42px;margin-right:10px;border-radius:12px;color:#fff;background:linear-gradient(140deg,#0db4c8,#1766ef 65%,#2348aa)}.productLogo>strong{color:#1462ed}.productNav nav{display:flex;align-items:center;gap:27px}.productNav nav>a,.productSignin{text-decoration:none;color:#43566c;font-size:13px;font-weight:650}.productSignin{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;padding:10px 0}.productLanding .primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;border-radius:8px;box-shadow:none;min-height:46px}.productHero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;padding-top:82px;padding-bottom:100px}.productEyebrow{display:flex;align-items:center;gap:8px;margin:0 0 21px;color:#526c84;font-size:10px;font-weight:750;letter-spacing:.15em;line-height:1.5}.productEyebrow>span{width:6px;height:6px;background:#2b9e83;border-radius:50%}.productHero h1{font-size:clamp(48px,6.4vw,82px);font-weight:750;line-height:1.03;letter-spacing:-.065em;margin:0}.productHero h1>span{color:#1364ef}.productLead{color:#62748a;font-size:16px;line-height:1.8;max-width:425px;margin:25px 0 28px}.productHeroActions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.productHeroActions>a{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-decoration:none;color:#284660;font-weight:700}.productTrialNotes{display:flex;gap:19px;margin-top:19px;font-size:11px;color:#748397}.productTrialNotes>span{display:flex;align-items:center;gap:5px}.productTrialNotes svg{color:#278c74}.productIllustration{position:relative;min-width:0;border:1px solid #dae4ee;border-radius:15px;background:#fff;box-shadow:0 27px 70px #16335614;transform:rotate(-1deg)}.productIllustration:before{content:"";position:absolute;z-index:-1;inset:-35px -24px;background:#eef5fc;border-radius:35px;transform:rotate(4deg)}.productMockTop{display:flex;align-items:center;gap:8px;padding:17px 20px;border-bottom:1px solid #eaf0f5;font-size:11px}.productMockMark{display:grid;place-items:center;color:#276de5}.productExample{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#8a99a8;font-weight:700}.productMockTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 20px}.productMockTitle div>span{font-size:7px;font-weight:800;letter-spacing:.15em;color:#8b9aaa}.productMockTitle h2{margin:6px 0 0;font-size:17px;letter-spacing:-.035em}.productPublished{display:inline-flex;align-items:center;gap:4px;color:#32876b;background:#edf8f1;border-radius:5px;padding:5px 7px;font-size:8px;white-space:nowrap}.productMockRota{padding:0 18px 18px}.productMockDays,.productMockRow{display:grid;grid-template-columns:1.65fr repeat(3,minmax(0,1fr));align-items:center;gap:7px}.productMockDays{padding:9px 0;color:#8b99a9;font-size:8px;text-align:center}.productMockDays>span:first-child{text-align:left}.productMockRow{min-height:65px;border-top:1px solid #eef1f6}.productMockPerson{display:flex;align-items:center;gap:7px;min-width:0}.productMockAvatar{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;font-size:7px;font-weight:750}.productMockPerson>div{display:grid;gap:4px;min-width:0}.productMockPerson strong{font-size:8px;line-height:1.3}.productMockPerson div>span{font-size:6px;color:#8b99a9}.productMockShift{border-radius:5px;padding:14px 3px;font-size:9px;font-weight:650;text-align:center;white-space:nowrap}.productIllustration .blue{background:#e8f0ff;color:#4f79be}.productIllustration .peach{background:#fff0e7;color:#b67f59}.productIllustration .mint,.productIllustration .leave{background:#eaf5ee;color:#5d947b}.productIllustration .off{color:#9aa8b8;font-weight:400;background:#f7f9fc}.productMockBottom{display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f6;padding:14px 20px;font-size:9px;color:#73859b}.productClockFloat{position:absolute;display:flex;align-items:center;gap:11px;right:-18px;bottom:-31px;border:1px solid #e3eaf1;background:#fff;padding:16px 19px;border-radius:12px;box-shadow:0 15px 30px #18345512;transform:rotate(1deg)}.productClockFloat>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#31896f;background:#edf8f2}.productClockFloat strong{font-size:11px}.productClockFloat p{margin:5px 0 0;font-size:8px;color:#8493a4}.productClockFloat>svg{color:#359a78;margin-left:10px}.productPromise{background:#f7f9fc;border-block:1px solid #edf1f6}.productPromise>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:25px;font-size:12px;font-weight:650;color:#566c83}.productPromise svg{color:#afbdcc}.productFeatures{padding-block:80px;scroll-margin-top:30px}.productSectionHeading{text-align:center;max-width:620px;margin-inline:auto}.productSectionHeading .productEyebrow{justify-content:center}.productLanding h2{font-weight:700}.productSectionHeading h2,.productTeamIntro h2,.productPricing h2,.productAccountIntro h2{margin:0;font-size:clamp(29px,3.5vw,42px);line-height:1.15;letter-spacing:-.045em}.productSectionHeading>p:last-child{font-size:14px;color:#7a889a;line-height:1.7;margin:18px 0 0}.productFeatureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:48px}.productFeature{padding:24px 0 0;border-top:1px solid #dce6f0}.productFeature>div{display:flex;align-items:center;justify-content:space-between;color:#2671dd}.productFeature>div>span{font-size:10px;color:#9cadbe}.productFeature h3{font-size:16px;letter-spacing:-.025em;margin:22px 0 12px}.productFeature p{margin:0;font-size:12px;color:#73859a;line-height:1.8}.productTeamSection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:38px;padding:42px;border-radius:18px;background:#eff5fb}.productTeamIntro .productEyebrow{margin-bottom:15px}.productTeamIntro h2{font-size:31px}.productAudience{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;color:#698098;margin-bottom:15px}.productTeamColumn h3{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.02em}.productTeamColumn ul{padding:0;margin:19px 0 0;list-style:none;display:grid;gap:12px}.productTeamColumn li{display:flex;align-items:start;gap:7px;font-size:11px;line-height:1.6;color:#647c94}.productTeamColumn li svg{color:#4c967d;flex-shrink:0}.productPricing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:85px;scroll-margin-top:30px}.productPricing>div>p:last-child{font-size:14px;color:#71849a;line-height:1.9;margin:20px 0 0}.productPriceCard{border:1px solid #dfE8f2;border-radius:15px;padding:33px}.productPrice{display:flex;align-items:center;gap:17px}.productPrice>strong{font-size:70px;font-weight:650;line-height:1;letter-spacing:-.07em}.productPrice>span{color:#5b7189;font-size:13px;line-height:1.7}.productPriceCard>p{font-size:11px;color:#8b99a9;line-height:1.7;max-width:300px;margin:20px 0 24px}.productPriceCard .primaryButton{width:100%}.productAccount{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;padding-top:62px;padding-bottom:75px;border-top:1px solid #e4ebf4;scroll-margin-top:24px}.productAccountIntro{padding-top:18px}.productAccountIntro>p:not(.productEyebrow){font-size:14px;color:#71849a;line-height:1.8;margin-top:22px;max-width:370px}.productStaffAccess{display:flex;gap:13px;padding-top:35px;margin-top:33px;border-top:1px solid #e9eef5}.productStaffAccess>svg{flex-shrink:0;color:#4c7bb3}.productStaffAccess strong{font-size:13px}.productStaffAccess p{font-size:12px;line-height:1.8;color:#7a8da2;margin:10px 0}.productStaffAccess button{padding-left:0;font-size:12px;display:inline-flex;align-items:center;gap:8px}.productAccount .formPane{border:1px solid #e2e9f2;border-radius:15px;padding:28px;box-shadow:0 10px 35px #122c4807;min-width:0}.productAccount .formStack h2{font-size:25px}.productAccount .formStack .eyebrow{margin-top:10px;font-size:10px}.productAccount .field input,.productAccount .field select{min-width:0}.productAccount .primaryButton{display:flex}.productFooter{display:flex;align-items:center;gap:28px;padding-block:30px;border-top:1px solid #e4ebf4}.productFooter .productLogo{font-size:22px}.productFooter>span{font-size:11px;color:#8b99a9}.productFooter>button{margin-left:auto;font-size:12px}.productLanding button:focus-visible,.productLanding a:focus-visible{outline:3px solid #9bc1ff;outline-offset:4px}@media(max-width:1000px){.productHero{gap:36px;padding-block:65px 85px}.productMockPerson strong{font-size:7px}.productMockPerson>div>span{display:none}.productMockAvatar{width:20px;height:20px}.productMockTitle{padding-inline:16px}.productMockTitle h2{font-size:14px}.productMockTitle .productPublished{display:none}.productTeamSection{padding:30px;gap:25px}.productTeamIntro h2{font-size:27px}.productAccount{gap:35px}}@media(max-width:760px){.productWidth{width:calc(100% - 36px)}.productNav{min-height:78px;gap:15px}.productNav nav{gap:15px}.productNav nav>a{display:none}.productNav .primaryButton{display:none}.productLogo{font-size:24px}.productHero{grid-template-columns:1fr;gap:65px;padding-block:48px 75px}.productHero h1{font-size:clamp(54px,10vw,72px)}.productLead{max-width:500px}.productIllustration{margin-inline:13px}.productMockPerson strong{font-size:9px}.productMockPerson>div>span{display:block}.productMockTitle h2{font-size:17px}.productClockFloat{right:-8px}.productPromise>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:22px;font-size:11px;text-align:center}.productPromise svg{display:none}.productFeatures{padding-block:55px}.productFeatureGrid{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.productTeamSection{grid-template-columns:1fr;padding:28px;gap:30px}.productTeamIntro h2{font-size:32px}.productTeamColumn h3{font-size:18px}.productTeamColumn li{font-size:12px}.productPricing{grid-template-columns:1fr;gap:30px;padding-block:55px}.productAccount{grid-template-columns:1fr;gap:32px;padding-block:45px}.productAccountIntro>p:not(.productEyebrow){max-width:100%}.productStaffAccess{padding-top:20px;margin-top:20px}.productAccount .formPane{padding:22px}.productFooter{gap:15px;flex-wrap:wrap}.productFooter>span{flex-basis:100%;order:3}}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(35,150,255,.13),transparent 36%),linear-gradient(180deg,#fff,#f4f8fd)}.authLayout{width:min(1160px,100%);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:#fff;border:1px solid #e2eaf4;border-radius:26px;box-shadow:0 24px 70px #10213d17}.heroPane{padding:clamp(32px,5vw,62px);background:linear-gradient(155deg,#f8fbff,#eef6ff);border-right:1px solid #e2eaf4}.formPane{padding:clamp(28px,4vw,48px)}.authCard{width:min(760px,100%);background:#fff;border:1px solid #e2eaf4;border-radius:24px;padding:clamp(28px,6vw,52px);box-shadow:0 24px 70px #10213d14}.compactCard{width:min(620px,100%)}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:800;letter-spacing:-.04em}.brandMark{display:grid;place-items:center;width:44px;height:44px;color:#fff;border-radius:13px;background:linear-gradient(135deg,#13b9d5,#0b63f6 60%,#1145a8)}.accent{color:#0b63f6}.eyebrow{margin:34px 0 8px;color:#5a6b83;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.heroPane h1{margin:0;max-width:520px;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em}.intro,.formIntro{color:#607089;line-height:1.65}.intro{font-size:18px;margin:24px 0 30px}.formIntro{margin:10px 0 24px;font-size:16px}.formTitle{margin:0;font-size:clamp(34px,5vw,52px);letter-spacing:-.04em;line-height:1.05}.heroPoints{display:grid;gap:12px;color:#284260;font-weight:700}.heroPoints span{display:flex;align-items:center;gap:9px}.heroPoints svg{color:#0b63f6}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:28px;background:#f2f5f9;border-radius:13px}.modeSwitch button{border:0;padding:11px 14px;border-radius:9px;background:transparent;color:#66768c;font-weight:800;cursor:pointer}.modeSwitch button.active{background:#fff;color:#0b63f6;box-shadow:0 2px 10px #10213d14}.formStack{display:grid;gap:16px}.formStack h2{margin:0;font-size:28px;letter-spacing:-.025em}.smallText{margin:6px 0 0;color:#748398;font-size:14px;line-height:1.5}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;color:#334861;font-size:13px;font-weight:750}.field input,.field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd9e6;border-radius:10px;outline:none;background:#fff;color:#10213d;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f61a}.sectionDivider{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:18px;border-top:1px solid #e7edf5;color:#233b58;font-weight:850}.primaryButton,.textButton,.iconButton{border:0;cursor:pointer;font-weight:800}.primaryButton{min-height:48px;padding:12px 18px;border-radius:11px;background:#0b63f6;color:#fff;box-shadow:0 8px 20px #0b63f62e}.primaryButton:hover{background:#0957d9}.primaryButton:disabled{opacity:.55;cursor:not-allowed}.textButton{padding:8px;background:transparent;color:#0b63f6}.iconButton{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#40566f}.notice{margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5}.errorNotice{background:#fff1f1;border:1px solid #ffd5d5;color:#9c2828}.successNotice{background:#effaf6;border:1px solid #cfeee0;color:#176c4e}.successIcon{display:grid;place-items:center;width:52px;height:52px;margin-top:34px;border-radius:16px;background:#eaf8f2;color:#159b68}.loadingRow{display:flex;align-items:center;gap:12px;margin-top:34px;color:#607089;font-weight:700}.spinner{width:18px;height:18px;border:2px solid #d5e0ec;border-top-color:#0b63f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.appShell{min-height:100vh;background:#f5f8fc}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(20px,5vw,60px);background:#fff;border-bottom:1px solid #e2eaf4}.dashboard{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:50px 0}.dashboardTitle{margin:0;font-size:clamp(38px,6vw,62px);letter-spacing:-.05em;line-height:1}.dashboardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.dashCard{padding:22px;border:1px solid #e2eaf4;border-radius:16px;background:#fff;box-shadow:0 10px 28px #10213d0d}.dashCard svg{color:#0b63f6}.dashCard h2{margin:14px 0 6px;font-size:18px}.dashCard p{margin:0;color:#65758a;line-height:1.5}.nextBuild{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;border-radius:14px;background:#eef6ff;color:#274b78}.nextBuild svg{flex:0 0 auto;color:#0b63f6}.nextBuild div{display:grid;gap:3px}.nextBuild span{color:#607089}@media(max-width:820px){.authLayout{grid-template-columns:1fr}.heroPane{border-right:0;border-bottom:1px solid #e2eaf4}.heroPane h1{font-size:clamp(44px,12vw,68px)}.dashboardGrid{grid-template-columns:1fr}}@media(max-width:560px){.shell{padding:12px;align-items:start}.authLayout,.authCard{border-radius:18px}.heroPane,.formPane,.authCard{padding:24px}.twoCol{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar .brand{font-size:22px}.iconButton{font-size:0}}.workspaceShell{min-height:100vh;background:#f5f8fc;color:#10213d}.workspaceHeader{position:sticky;top:0;z-index:30;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(16px,4vw,44px);background:#fff;border-bottom:1px solid #dfe7f0}.workspaceBrandRow{display:flex;align-items:center;gap:12px}.workspaceBrand{font-size:24px}.workspaceBrand .brandMark{width:40px;height:40px;border-radius:11px}.workspaceBusiness{display:flex;align-items:center;gap:18px}.workspaceBusiness>div{display:grid;justify-items:end;line-height:1.2}.workspaceBusiness strong{font-size:14px}.workspaceBusiness span{margin-top:3px;color:#738399;font-size:12px;text-transform:capitalize}.workspaceNav{position:sticky;top:68px;z-index:25;display:flex;gap:4px;overflow-x:auto;padding:8px clamp(12px,4vw,40px);background:#fff;border-bottom:1px solid #e2eaf4;scrollbar-width:none}.workspaceNav::-webkit-scrollbar{display:none}.workspaceNav button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#617188;font-size:13px;font-weight:750;cursor:pointer}.workspaceNav button:hover{background:#f4f7fb;color:#29415d}.workspaceNav button.active{background:#eaf3ff;color:#0b63f6}.mobileMenuButton{display:none;border:0;background:transparent;color:#39516c}.workspaceContent{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:32px 0 54px}.managerHome{color:#182c49}.homeHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.homeHeading h1{margin:0;font-size:clamp(27px,3vw,36px);line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere}.homeHeading p:last-child{margin:8px 0 0;color:#65758c;font-size:14px}.homeHeading .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:9px}.homeToolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.homeSite{display:grid;gap:6px;width:min(300px,100%);font-size:12px;font-weight:600}.homeSite select{width:100%;min-width:0;padding:10px 12px;border:1px solid #dbe3ee;border-radius:9px;color:#2a3d57;background:#fff;font:inherit;font-size:14px}.homeRefresh{display:flex;align-items:center;gap:12px;color:#738197;font-size:12px;white-space:nowrap}.homeRefresh .iconButton{font-size:12px;padding:9px 11px}.homeMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.homeMetric{display:grid;align-content:start;gap:6px;min-width:0;padding:18px;border:1px solid #dfe7f1;border-radius:14px;background:#fff;text-align:left;color:#183252;font:inherit;cursor:pointer;box-shadow:0 4px 15px #10213d04}.homeMetric:hover,.homeShortcut:hover{border-color:#a9c7fa;background:#fbfdff}.homeMetricTop{display:flex;justify-content:space-between;align-items:center;color:#3169df;margin-bottom:6px}.homeMetricTop svg:last-child{color:#8d9caf}.homeMetric>strong{font-size:32px;line-height:1.1;letter-spacing:-.025em}.homeMetricLabel{font-size:14px;font-weight:650}.homeMetricDetail{font-size:11px;color:#748197;line-height:1.4}.homeMetricAttention{border-color:#eedbc0;background:#fffdf8}.homeMetricAttention .homeMetricTop{color:#a56a20}.homeColumns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:20px}.homeSide{display:grid;gap:20px;min-width:0}.homePanelHeading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #edf1f6}.homePanelHeading h2{margin:0;font-size:17px;letter-spacing:-.02em}.homePanelHeading p{margin:5px 0 0;font-size:12px;color:#748197}.homePanelHeading .textButton{display:inline-flex;align-items:center;gap:3px;font-size:12px;white-space:nowrap}.homeShiftList,.homeOffList{list-style:none;margin:0;padding:0}.homeShiftList li{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #f0f3f7}.homeShiftList li:last-child{border-bottom:0}.homeAvatar{width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#edf3fd;color:#3963aa;display:grid;place-items:center;font-size:11px;font-weight:700}.homePerson{display:grid;gap:5px;min-width:0;flex:1}.homePerson strong,.homeShiftTime strong,.homeOffList strong{font-size:13px;overflow-wrap:anywhere}.homePerson span,.homeShiftTime span{color:#748197;font-size:11px;line-height:1.4}.homeShiftTime{display:grid;gap:4px;text-align:right;flex-shrink:0}.homeShiftTime strong{font-variant-numeric:tabular-nums}.homeEmpty{padding:30px 20px;display:grid;justify-items:center;gap:9px;text-align:center;color:#687a91}.homeEmpty svg{color:#8aa8cd}.homeEmpty p{margin:0;font-size:13px}.homeEmpty>span{font-size:12px;line-height:1.5}.homeAction{border:0;border-bottom:1px solid #edf1f6;background:transparent;display:flex;align-items:center;gap:12px;padding:16px 20px;width:100%;text-align:left;color:#263e5c;font:inherit;cursor:pointer}.homeAction:last-child{border-bottom:0}.homeAction:hover{background:#f7faff}.homeAction>div{flex:1;display:grid;gap:5px;min-width:0}.homeAction strong{font-size:13px}.homeAction div span{font-size:11px;line-height:1.4;color:#748197}.homeActionCount{border-radius:8px;min-width:28px;padding:5px 7px;text-align:center;background:#f0f4f8;font-size:13px;font-weight:700}.homeActionCount.waiting{background:#fff1d9;color:#966215}.homeAction>svg{color:#90a1b5;flex-shrink:0}.homeOffList li{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f3f7}.homeOffList li:last-child{border-bottom:0}.homeOffList li>span{border-radius:6px;padding:5px 8px;color:#476e68;background:#edf6f3;font-size:11px;text-align:right}.homeListMore{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-top:1px solid #edf1f6;padding:14px;color:#2c63c6;background:transparent;font:inherit;font-size:12px;cursor:pointer}.homeDraftNote{padding:12px 20px;margin:0;background:#fffaf0;color:#8c6c39;border-radius:0 0 16px 16px;font-size:11px;line-height:1.5}.homeShortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.homeShortcut{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #dfe7f1;border-radius:12px;background:#fff;color:#3c6cb7;font:inherit;text-align:left;cursor:pointer}.homeShortcut>svg{flex-shrink:0}.homeShortcut>div{flex:1;min-width:0;display:grid;gap:6px}.homeShortcut strong{font-size:13px;color:#263f5d}.homeShortcut span{font-size:11px;line-height:1.45;color:#748197}.homeScopeNote{margin:16px 0 0;font-size:11px;line-height:1.5;color:#7c8ba0}.homeSetup{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #cfe1f9;border-radius:12px;background:#edf5ff;padding:18px;margin-bottom:20px}.homeSetup strong{font-size:14px}.homeSetup p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#657a94}.managerHome button:focus-visible,.homeSite select:focus-visible{outline:3px solid #89b1fa;outline-offset:3px}@media(max-width:900px){.homeMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.homeColumns{grid-template-columns:1fr}.homeSide{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.homeShortcuts{grid-template-columns:1fr}}@media(max-width:560px){.homeHeading{align-items:start;flex-direction:column;gap:15px}.homeHeading .primaryButton{min-height:44px}.homeToolbar{flex-wrap:wrap}.homeSite{width:100%}.homeRefresh{margin-left:auto}.homeMetrics{gap:10px}.homeMetric{padding:14px}.homeMetricLabel{font-size:12px}.homeSide{grid-template-columns:1fr}.homePanelHeading,.homeShiftList li{padding:16px}.homeShiftList li{flex-wrap:wrap}.homeShiftTime{margin-left:46px}.homeSetup{align-items:start;flex-direction:column}}.workspaceEyebrow{margin-top:0}.pageHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.pageHeader h1{margin:0;font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-.045em}.pageHeader p:not(.eyebrow){margin:8px 0 0;color:#69798e;line-height:1.55}.pageAction{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metricCard{display:flex;align-items:center;gap:13px;min-height:94px;padding:18px;background:#fff;border:1px solid #e1e8f1;border-radius:15px;box-shadow:0 7px 20px #10213d0b}.metricIcon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#edf5ff;color:#0b63f6}.metricCard div{display:grid}.metricCard strong{font-size:27px;line-height:1}.metricCard span:last-child{margin-top:6px;color:#718198;font-size:13px}.panelGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.contentPanel{background:#fff;border:1px solid #e1e8f1;border-radius:16px;box-shadow:0 7px 20px #10213d0b}.panelHeading{padding:20px 20px 12px}.panelHeading h2,.setupPanelHeading h2{margin:0;font-size:18px}.panelHeading p,.setupPanelHeading p{margin:5px 0 0;color:#728198;font-size:13px;line-height:1.45}.mutedPanel{background:#fbfdff}.checklistRow{width:100%;min-height:52px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:10px;padding:10px 20px;border:0;border-top:1px solid #edf1f5;background:transparent;color:#2c4159;text-align:left;font-weight:700;cursor:pointer}.checklistRow:hover{background:#f8fbff}.checkDot{width:21px;height:21px;display:grid;place-items:center;border:1px solid #c8d3df;border-radius:7px;color:#fff;font-size:12px}.checkDot.done{background:#14a36d;border-color:#14a36d}.nextModule{display:flex;gap:12px;align-items:flex-start;margin:6px 20px 20px;padding:16px;border-radius:12px;background:#eef6ff;color:#0b63f6}.nextModule div{display:grid;gap:4px}.nextModule strong{color:#254a78}.nextModule span{color:#687c95;font-size:13px;line-height:1.45}.tablePanel{overflow:hidden}.dataTableWrap{overflow-x:auto}.dataTable{width:100%;border-collapse:collapse;min-width:900px}.dataTable th{padding:11px 15px;background:#f8fafc;border-bottom:1px solid #e6edf4;color:#748298;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.06em}.dataTable td{padding:13px 15px;border-bottom:1px solid #edf1f5;color:#354a62;font-size:13px}.dataTable tbody tr:last-child td{border-bottom:0}.dataTable tbody tr:hover{background:#fbfdff}.employeeCell{display:flex;align-items:center;gap:11px}.employeeCell>div{display:grid;gap:2px}.employeeCell span:last-child{color:#79889b;font-size:12px}.avatarCircle{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#eaf3ff;color:#0b63f6;font-weight:850;font-size:12px}.statusPill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f2f5;color:#718096;font-size:11px;font-weight:800}.statusPill.active{background:#e9f7f1;color:#17835d}.tableActionCell{width:50px;text-align:right}.smallIconButton{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#52667d;cursor:pointer}.smallIconButton:hover{background:#f6f9fc;color:#0b63f6}.setupWarning{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:13px 15px;background:#fff8e8;border:1px solid #f4dfad;border-radius:12px;color:#71551e;font-size:13px}.setupWarning span{color:#8a713c}.setupWarning .textButton{margin-left:auto}.settingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.setupPanel{padding:18px}.setupPanelHeading{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px}.setupPanelHeading>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#eef6ff;color:#0b63f6}.quickAdd{display:flex;gap:8px;margin-bottom:14px}.quickAdd input,.quickAdd select{min-width:0;flex:1;min-height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d;outline:none}.quickAdd input:focus,.quickAdd select:focus{border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f617}.stackedQuickAdd{display:grid}.stackedQuickAdd>div{display:flex;gap:8px}.secondaryButton{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid #cbd9e9;border-radius:9px;background:#f8fbff;color:#0b63f6;font-weight:800;cursor:pointer}.secondaryButton:disabled{opacity:.5;cursor:not-allowed}.recordList{display:grid}.recordRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;border-top:1px solid #edf1f5}.recordRow>div{display:grid;gap:2px}.recordRow strong{font-size:13px}.recordRow span{color:#8190a2;font-size:11px}.emptyMini{margin:16px 0 2px;color:#8491a3;font-size:13px}.emptyState{display:grid;place-items:center;gap:7px;min-height:240px;padding:30px;color:#8290a2;text-align:center}.emptyState svg{color:#9ab0c9}.emptyState strong{color:#334b66;font-size:17px}.emptyState span{max-width:380px;line-height:1.5}.queuedModule{min-height:420px;display:grid;place-items:center;align-content:center;padding:40px;text-align:center}.queuedIcon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#eaf3ff;color:#0b63f6}.queuedModule h1{margin:0;font-size:clamp(36px,6vw,58px);letter-spacing:-.05em}.queuedModule>p:last-child{max-width:620px;margin:13px 0 0;color:#6e7f94;font-size:16px;line-height:1.55}.modalBackdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0d1b2d75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modalCard{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:22px;background:#fff;border-radius:18px;box-shadow:0 28px 90px #0000003d}.modalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.modalHeader h2{margin:0;font-size:26px}.employeeForm{display:grid;gap:15px}.modalActions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.loadingPanel{min-height:320px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6e7e92;font-weight:700}@media(max-width:980px){.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.panelGrid,.settingsGrid{grid-template-columns:1fr}}@media(max-width:720px){.workspaceHeader{position:sticky;top:0;display:block;min-height:62px;padding:9px 14px}.workspaceBrandRow{justify-content:space-between}.workspaceBrand{font-size:22px}.workspaceBrand .brandMark{width:38px;height:38px}.mobileMenuButton{display:grid;place-items:center;width:38px;height:38px;border-radius:9px}.workspaceBusiness{margin-top:9px;display:none}.workspaceNav{position:sticky;top:58px;display:none;padding:8px 10px;flex-direction:column;overflow:visible;box-shadow:0 10px 25px #10213d14}.workspaceNav.open{display:flex}.workspaceNav button{width:100%;justify-content:flex-start}.workspaceContent{width:min(100% - 20px,1240px);padding:22px 0 40px}.pageHeader{align-items:flex-start;flex-direction:column;gap:15px}.pageAction{width:100%;justify-content:center}.metricGrid{grid-template-columns:1fr 1fr}.dataTable{min-width:820px}}@media(max-width:520px){.metricGrid{grid-template-columns:1fr}.metricCard{min-height:78px}.modalBackdrop{padding:8px}.modalCard{max-height:calc(100vh - 16px);padding:18px;border-radius:15px}}.rotaPageHeader{align-items:center}.rotaHeaderActions{display:flex;align-items:center;gap:10px}.publishBadge{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:999px;background:#fff4df;color:#8a6418;font-size:12px;font-weight:850;border:1px solid #f2dfb5}.publishBadge.published{background:#e9f7f1;color:#177653;border-color:#cbe9dc}.rotaToolbar{display:grid;grid-template-columns:minmax(180px,260px) auto auto;align-items:end;gap:14px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid #e1e8f1;border-radius:14px}.rotaToolbar>label{display:grid;gap:6px;color:#65758a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.rotaToolbar select{min-height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d;outline:none}.weekPicker{display:grid;grid-template-columns:38px minmax(190px,auto) 38px;align-items:center;gap:7px}.weekPicker button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d5dfeb;border-radius:9px;background:#fff;color:#4f647d;cursor:pointer}.weekPicker>div{display:grid;justify-items:center}.weekPicker strong{font-size:14px}.weekPicker span{margin-top:2px;color:#8290a2;font-size:11px}.todayButton{min-width:100px}.rotaSummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.rotaSummaryCard{display:grid;gap:6px;padding:15px 16px;background:#fff;border:1px solid #e1e8f1;border-radius:13px}.rotaSummaryCard span{color:#758498;font-size:12px}.rotaSummaryCard strong{font-size:23px;letter-spacing:-.025em}.rotaPanel{overflow:hidden}.rotaGridWrap{overflow-x:auto}.rotaGrid{display:grid;min-width:1450px;border-top:1px solid #e8eef5;border-left:1px solid #e8eef5}.rotaCorner,.rotaDayHeader,.rotaEmployee,.rotaCell,.rotaWeekTotal,.rotaEmptyRow{border-right:1px solid #e8eef5;border-bottom:1px solid #e8eef5;background:#fff}.rotaCorner{min-height:62px;display:flex;align-items:center;padding:12px 14px;background:#f8fafc;color:#64758b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.rotaDayHeader{min-height:62px;display:grid;place-items:center;align-content:center;gap:2px;background:#f8fafc;text-align:center}.rotaDayHeader strong{font-size:13px}.rotaDayHeader span{color:#7f8ea1;font-size:11px}.totalHeader{background:#f4f8fd}.rotaEmployee{min-height:112px;display:flex;align-items:flex-start;gap:9px;padding:12px;background:#fbfdff}.rotaEmployee>div{display:grid;gap:3px;min-width:0}.rotaEmployee strong{font-size:13px;line-height:1.25}.rotaEmployee span:last-child{color:#8190a2;font-size:10px}.rotaCell{min-height:112px;padding:7px;display:flex;flex-direction:column;gap:6px}.shiftCard{width:100%;display:grid;gap:2px;padding:8px;border:1px solid #cfe0f8;border-radius:9px;background:#eff6ff;color:#34506f;text-align:left;cursor:pointer}.shiftCard:hover{border-color:#93bdf5;background:#e7f1ff}.shiftCard .shiftTime{color:#0b63f6;font-size:12px;font-weight:850}.shiftCard>span:not(.shiftTime){font-size:10px}.shiftCard small{margin-top:2px;color:#6e8198;font-size:9px}.addShiftButton{margin-top:auto;min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px dashed #c7d5e5;border-radius:7px;background:#fff;color:#71849b;font-size:10px;font-weight:800;cursor:pointer}.addShiftButton:hover{color:#0b63f6;border-color:#8ab8f2;background:#f7fbff}.rotaWeekTotal{min-height:112px;display:grid;place-items:center;align-content:center;gap:5px;background:#f9fbfe}.rotaWeekTotal strong{font-size:16px}.hoursVariance{color:#708198;font-size:10px;font-weight:750}.hoursVariance.over{color:#b15f24}.rotaEmptyRow{min-height:120px;display:grid;place-items:center;color:#7c8b9e;font-size:13px}.rotaTargetsPanel{margin-top:16px;overflow:hidden}.targetGrid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));border-top:1px solid #edf1f5;overflow-x:auto}.targetDay{min-width:135px;padding:12px;border-right:1px solid #edf1f5;display:grid;gap:8px}.targetDay:last-child{border-right:0}.targetDay>strong{font-size:12px}.targetDay label{display:grid;gap:4px}.targetDay label span{color:#7b899a;font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.targetDay input{width:100%;min-height:34px;padding:6px 8px;border:1px solid #d2dce7;border-radius:7px;outline:none}.targetActual{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #edf1f5}.targetActual span{color:#7a899c;font-size:9px}.targetActual strong{font-size:12px}.smallSaveButton{min-height:30px;border:1px solid #cfe0f8;border-radius:7px;background:#f5f9ff;color:#0b63f6;font-size:10px;font-weight:850;cursor:pointer}.smallSaveButton:disabled{opacity:.55}.shiftModalCard{width:min(620px,100%)}.checkField{min-height:42px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e0e7ef;border-radius:9px;background:#fafcff;color:#435970;font-size:13px;font-weight:700}.checkField input{width:16px;height:16px}.breakPaidField{align-self:end}.textArea{width:100%;resize:vertical;padding:10px 12px;border:1px solid #cfd9e6;border-radius:10px;outline:none;color:#10213d}.textArea:focus{border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f61a}.shiftModalActions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center}.dangerButton{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #f0cccc;border-radius:9px;background:#fff6f6;color:#aa3030;font-weight:800;cursor:pointer}.dangerButton:disabled{opacity:.5}@media(max-width:900px){.rotaToolbar{grid-template-columns:1fr;align-items:stretch}.weekPicker{justify-content:start}.todayButton{width:100%}.rotaSummaryGrid{grid-template-columns:1fr 1fr}.targetGrid{grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}}@media(max-width:560px){.rotaHeaderActions{width:100%;align-items:stretch;flex-direction:column}.publishBadge{justify-content:center}.rotaSummaryGrid{grid-template-columns:1fr 1fr}.rotaSummaryCard strong{font-size:19px}.shiftModalActions{grid-template-columns:1fr}.shiftModalActions>span{display:none}.shiftModalActions button{width:100%;justify-content:center}}.recordActions{display:flex;align-items:center;gap:6px}.deleteIconButton{color:#ad3434;border-color:#efcccc;background:#fff7f7}.deleteIconButton:hover{color:#8e1f1f;background:#fff0f0;border-color:#e6aaaa}.settingsGridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.siteManagerPanel{max-width:760px}.siteManagerBody{padding:0 20px 20px}@media(max-width:980px){.settingsGridTwo{grid-template-columns:1fr}}.timesheetPageHeader{align-items:center}.timesheetTable{min-width:980px}.timesheetActions{display:flex;justify-content:flex-end;gap:6px}.approveIconButton{color:#14805a;border-color:#c9e8da;background:#f3fbf7}.approveIconButton:hover{color:#0e6848;background:#ebf8f1;border-color:#b8ddcc}.exceptionPill{display:inline-flex;align-items:center;gap:4px;background:#fff0eb;color:#a84f2d}.openPill{background:#edf5ff;color:#245c9d}.holidayPageHeader{align-items:center}.holidayTable{min-width:980px}.holidayActions{display:flex;justify-content:flex-end;gap:6px}.holidayTwoCol{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.holidayBalanceList{display:grid}.holidayBalanceRow{width:100%;display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:14px;min-height:64px;padding:12px 18px;border:0;border-top:1px solid #edf1f5;background:transparent;text-align:left;color:#29415d;cursor:pointer}.holidayBalanceRow:hover{background:#f8fbff}.holidayBalanceRow>div:first-child{display:grid;gap:3px}.holidayBalanceRow>div:first-child span{color:#7d8b9d;font-size:11px}.holidayAccrualPreview{display:block;margin-top:5px;font-size:12px!important;color:#34567c!important;line-height:1.4}.holidayAccrualPreview small{color:#7d8b9d;font-size:11px}.holidayBalanceRow>div:first-child{min-width:0}.holidayBalanceFigures{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;color:#758397;font-size:11px}.holidayBalanceFigures span{display:grid;gap:2px}.holidayBalanceFigures strong{color:#24405f;font-size:14px}.holidaySettingsForm{display:grid;gap:13px;padding:0 20px 20px}.blackoutPanel{margin-top:16px}.blackoutForm{display:grid;grid-template-columns:1.2fr 1fr .9fr .9fr 1.2fr auto;gap:8px;padding:0 20px 18px}.blackoutForm input,.blackoutForm select{min-width:0;min-height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d;outline:none}.blackoutList{padding:0 20px 16px}.blackoutRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;border-top:1px solid #edf1f5}.blackoutRow>div{display:grid;gap:2px}.blackoutRow span,.blackoutRow small{color:#7b899b;font-size:11px}.partialLeaveNote{padding:11px 12px;border:1px solid #f0dfb5;border-radius:9px;background:#fff8e8;color:#7a5e26;font-size:12px;line-height:1.45}@media(max-width:980px){.holidayTwoCol{grid-template-columns:1fr}.blackoutForm{grid-template-columns:1fr 1fr}}@media(max-width:620px){.blackoutForm{grid-template-columns:1fr}.holidayBalanceRow{grid-template-columns:1fr 20px}.holidayBalanceFigures{grid-column:1 / -1;grid-row:2}}.revenuePageHeader{align-items:center}.revenueSummaryGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:16px}.revenueMetric{min-width:0}.metricVariance{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:10px;font-weight:800}.metricVariance.positive,.varianceText.positive{color:#137b56}.metricVariance.negative,.varianceText.negative{color:#a84932}.revenueTablePanel{overflow:hidden}.revenueTable{min-width:1320px}.revenueInput,.revenueNoteInput{width:100%;min-height:34px;padding:6px 8px;border:1px solid #d2dce7;border-radius:7px;background:#fff;color:#10213d;outline:none}.revenueInput{min-width:96px}.revenueNoteInput{min-width:140px}.revenueInput:focus,.revenueNoteInput:focus{border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f614}.varianceText{font-size:12px;font-weight:850;white-space:nowrap}.revenueInsightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.revenueInsightCard{display:flex;gap:13px;align-items:flex-start;padding:18px}.revenueInsightCard>svg{flex:0 0 auto;margin-top:2px;color:#0b63f6}.revenueInsightCard>div{display:grid;gap:4px}.revenueInsightCard span{color:#758498;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.revenueInsightCard strong{font-size:24px;letter-spacing:-.03em}.revenueInsightCard p{margin:0;color:#718198;font-size:12px;line-height:1.45}@media(max-width:1100px){.revenueSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.revenueSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.revenueInsightGrid{grid-template-columns:1fr}}.reportsPageHeader{align-items:center}.reportFilters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:12px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid #e1e8f1;border-radius:14px}.reportFilters label{display:grid;gap:6px}.reportFilters label span{color:#65758a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.reportFilters select,.reportFilters input{min-height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d;outline:none}.reportMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.reportsTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reportKpiList{display:grid}.reportKpiRow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 20px;border-top:1px solid #edf1f5}.reportKpiRow span{color:#6e7f94;font-size:12px}.reportKpiRow strong{color:#243b57}.reportEmployeePanel{margin-top:16px}.reportEmployeeTable{min-width:620px}@media(max-width:1100px){.reportMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.reportFilters{grid-template-columns:1fr}.reportMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportsTwoCol{grid-template-columns:1fr}}.threeModeSwitch{grid-template-columns:repeat(3,1fr)}.staffShell{min-height:100vh;background:#f4f7fb;color:#14263f}.staffTopbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;background:#fff;border-bottom:1px solid #e3eaf2}.staffBrand{font-size:20px}.staffIdentity{display:flex;align-items:center;gap:10px}.staffIdentity>div{display:grid;justify-items:end;gap:2px}.staffIdentity strong{font-size:13px}.staffIdentity span{color:#8190a2;font-size:11px}.staffNav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-bottom:1px solid #e3eaf2}.staffNavButton{min-height:60px;border:0;background:#fff;color:#687a91;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer}.staffNavButton.active{color:#0b63f6;background:#f2f7ff;box-shadow:inset 0 -3px #0b63f6}.staffContent{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.staffPageHeader{margin-bottom:20px}.staffPageHeader h1{margin:3px 0 7px;font-size:34px;letter-spacing:-.04em}.staffPageHeader>p:last-child{margin:0;color:#6f7f93}.staffHeaderAction{display:flex;justify-content:space-between;align-items:end;gap:16px}.staffHomeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staffPrimaryCard,.staffMiniCard,.clockHero,.staffListCard,.staffShiftCard{background:#fff;border:1px solid #e1e8f1;border-radius:15px}.staffPrimaryCard{min-height:240px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.staffCardEyebrow{color:#71839a;font-size:10px;font-weight:900;letter-spacing:.07em}.staffPrimaryCard>strong{margin-top:16px;font-size:14px}.staffPrimaryCard h2{margin:6px 0;font-size:31px;letter-spacing:-.04em}.staffPrimaryCard p{margin:0 0 18px;color:#718198}.staffPrimaryCard button{margin-top:auto}.staffMiniCard{min-height:82px;padding:15px 16px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px}.staffMiniCard>svg{color:#0b63f6}.staffMiniCard>div{display:grid;gap:3px}.staffMiniCard span{color:#758397;font-size:11px}.staffMiniCard strong{font-size:17px}.staffWeekPicker{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;width:min(460px,100%);margin-bottom:15px;background:#fff;border:1px solid #e1e8f1;border-radius:12px;padding:7px}.staffWeekPicker button{height:38px;display:grid;place-items:center;border:0;background:#f7f9fc;border-radius:8px;color:#586d85}.staffWeekPicker strong{text-align:center;font-size:13px}.staffShiftList,.staffList{display:grid;gap:10px}.staffShiftCard{min-height:86px;padding:13px 15px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px}.staffShiftDate{display:grid;justify-items:center;padding-right:13px;border-right:1px solid #e7edf4}.staffShiftDate strong{font-size:14px}.staffShiftDate span{color:#75869b;font-size:11px}.staffShiftMain{display:grid;gap:3px}.staffShiftMain>strong{font-size:18px}.staffShiftMain span,.staffShiftMain small{color:#6f8095;font-size:11px}.staffShiftBreak{display:grid;justify-items:end;gap:3px}.staffShiftBreak span{color:#8492a2;font-size:9px;text-transform:uppercase;font-weight:850}.staffShiftBreak strong{font-size:12px}.clockHero{width:min(540px,100%);margin:0 auto;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center}.clockStatus{padding:7px 10px;border-radius:999px;background:#f0f3f7;color:#617288;font-size:11px;font-weight:850}.clockStatus.live{background:#e7f7ef;color:#147552}.clockHero>strong{margin-top:18px;font-size:52px;letter-spacing:-.05em}.clockHero>p{color:#718198}.clockButton{margin-top:18px;min-width:190px;justify-content:center}.staffClockLocation{width:100%;display:grid;gap:6px;margin-top:18px;text-align:left}.staffClockLocation span{font-size:10px;color:#708196;text-transform:uppercase;font-weight:850}.staffClockLocation select{min-height:44px;padding:9px 11px;border:1px solid #cfd9e6;border-radius:9px;background:#fff}.geofenceHint{display:flex;align-items:center;gap:5px;font-size:11px}.staffHolidayBalance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.staffHolidayBalance>div{background:#fff;border:1px solid #e1e8f1;border-radius:12px;padding:14px;display:grid;gap:5px}.staffHolidayBalance span{color:#758397;font-size:11px}.staffHolidayBalance strong{font-size:20px}.staffListCard{min-height:72px;padding:13px 15px;display:flex;justify-content:space-between;gap:14px;align-items:center}.staffListCard>div:first-child{display:grid;gap:3px}.staffListCard span,.staffListCard small{color:#738399;font-size:11px}.staffCardRight{display:grid;justify-items:end;gap:5px}.compactTextButton{padding:2px 0;min-height:auto;font-size:10px}.staffEmpty{padding:28px;text-align:center;color:#7b8a9c;background:#fff;border:1px dashed #d3dde8;border-radius:13px;font-size:13px}.staffLoading,.staffErrorCard{width:min(440px,calc(100% - 32px));margin:90px auto;padding:24px;background:#fff;border:1px solid #e1e8f1;border-radius:15px}.staffLoading{display:flex;justify-content:center;align-items:center;gap:9px}.staffErrorCard{display:grid;gap:10px;text-align:center}.staffErrorCard span{color:#76879a;font-size:12px}@media(max-width:720px){.staffTopbar{padding:10px 14px}.staffIdentity>div{display:none}.staffContent{width:min(100% - 20px,1080px);padding-top:20px}.staffNavButton{flex-direction:column;gap:3px;min-height:58px;font-size:9px}.staffHomeGrid{grid-template-columns:1fr}.staffMiniCard{grid-column:auto}.staffHolidayBalance{grid-template-columns:1fr 1fr}.staffShiftCard{grid-template-columns:58px 1fr}.staffShiftBreak{grid-column:2;justify-items:start}.staffHeaderAction{align-items:stretch;flex-direction:column}.staffHeaderAction button{width:100%;justify-content:center}.threeModeSwitch{grid-template-columns:1fr}}.payrollPageHeader{align-items:center}.payrollFilters{margin-bottom:16px}.payrollMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.payrollMetric.warning .metricIcon{color:#a84f2d;background:#fff1ec}.payrollWarning{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:13px 15px;border:1px solid #f0d2c5;border-radius:12px;background:#fff6f2;color:#8a452d}.payrollWarning>div{display:grid;gap:3px}.payrollWarning span{font-size:12px;color:#9a664f}.payrollTable{min-width:1100px}.payrollFinaliseCard{margin-top:16px;padding:18px;display:grid;grid-template-columns:1fr minmax(240px,.8fr) auto;gap:14px;align-items:center}.payrollFinaliseCard>div:first-child{display:flex;gap:12px;align-items:flex-start}.payrollFinaliseCard>div:first-child>svg{color:#0b63f6;margin-top:2px}.payrollFinaliseCard h2{margin:0 0 4px;font-size:16px}.payrollFinaliseCard p{margin:0;color:#718198;font-size:12px;line-height:1.45}.payrollFinaliseCard input{min-height:42px;padding:9px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d}.payrollHistoryPanel{margin-top:16px}.payrollHistoryList{padding:0 20px 16px}.payrollHistoryRow{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf1f5}.payrollHistoryRow>div{display:grid;gap:3px}.payrollHistoryRow span,.payrollHistoryRow small{color:#758397;font-size:11px}.payrollDisclaimer{margin-top:14px;color:#758397;font-size:11px;line-height:1.5;text-align:center}@media(max-width:900px){.payrollMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.payrollFinaliseCard{grid-template-columns:1fr}}.employeeRolePaySection{margin-top:22px;padding-top:20px;border-top:1px solid #e6edf5}.employeeRolePayHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.employeeRolePayHeader h3{margin:0;font-size:18px}.employeeRolePayHeader p{margin:4px 0 0;color:#758498;font-size:12px;line-height:1.45}.roleAddRow{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.roleAddRow select,.rolePayGrid input,.roleReasonField input{min-height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:9px;background:#fff;color:#10213d;outline:none}.employeeRoleList{display:grid;gap:10px}.employeeRoleCard{border:1px solid #e1e8f1;border-radius:12px;background:#fbfdff;overflow:hidden}.employeeRoleSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.employeeRoleSummary>div:first-child{display:grid;gap:3px}.employeeRoleSummary>div:first-child>span{color:#7c8b9d;font-size:11px}.employeeRoleTitleRow{display:flex;align-items:center;gap:8px}.employeeRoleActions{display:flex;align-items:center;gap:6px}.compactButton{min-height:34px;padding:6px 9px;font-size:11px}.chevronOpen{transform:rotate(180deg)}.rolePayEditor{display:grid;gap:12px;padding:14px;border-top:1px solid #e7edf4;background:#fff}.rolePayGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rolePayGrid label,.roleReasonField{display:grid;gap:5px}.rolePayGrid label span,.roleReasonField span{color:#6f7f93;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payHistoryList{display:grid;gap:0;margin-top:2px}.payHistoryList>strong{margin-bottom:4px;font-size:12px}.payHistoryRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 0;border-top:1px solid #edf1f5}.payHistoryRow>div{display:grid;gap:2px}.payHistoryRow span,.payHistoryRow small{color:#7c8a9d;font-size:10px}.roleReviewPrompt{display:grid;gap:4px;margin-bottom:12px;padding:11px 12px;border:1px solid #f0dfb5;border-radius:9px;background:#fff8e8}.roleReviewPrompt strong{color:#6f5320;font-size:12px}.roleReviewPrompt span{color:#7f6a3a;font-size:11px;line-height:1.45}.roleReviewPrompt .textButton{justify-self:start;padding:0;min-height:auto}@media(max-width:720px){.employeeRoleSummary{align-items:flex-start;flex-direction:column}.employeeRoleActions{width:100%;flex-wrap:wrap}.rolePayGrid,.roleAddRow{grid-template-columns:1fr}}.employeeAccessSection{margin-top:22px;padding-top:20px;border-top:1px solid #e6edf5}.accessInviteCard,.accountLinkedPanel{display:grid;gap:14px;padding:14px;border:1px solid #e1e8f1;border-radius:12px;background:#fbfdff}.accessInviteCopy,.accountLinkedHeading{display:flex;align-items:flex-start;gap:10px}.accessInviteCopy>div,.accountLinkedHeading>div{display:grid;gap:3px}.accessInviteCopy span,.accountLinkedHeading span,.accessInviteCopy small{color:#758498;font-size:11px}.accessInviteActions{display:flex;gap:8px;flex-wrap:wrap}.managerScopeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scopeCard{padding:10px;border:1px solid #e2e9f1;border-radius:10px;background:#fff}.scopeChecklist{display:grid;gap:8px;margin-top:9px;max-height:160px;overflow:auto}.scopeChecklist label{display:flex;align-items:center;gap:8px;color:#42566f;font-size:12px}.accessReadOnly{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf1f5}.accessReadOnly span{color:#758498;font-size:11px}@media(max-width:720px){.managerScopeGrid{grid-template-columns:1fr}.accessInviteActions{display:grid}}.accessHelperText{margin:-2px 0 0;color:#758498;font-size:11px;line-height:1.5}.rotaWorkspace{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.rotaWorkspace .workspaceHeader{position:relative;top:auto;flex:none;min-height:50px;height:50px;padding:6px 16px}.rotaWorkspace .workspaceBrand{font-size:20px}.rotaWorkspace .workspaceBrand .brandMark{width:32px;height:32px;border-radius:8px}.rotaWorkspace .workspaceBusiness{gap:12px}.rotaWorkspace .workspaceBusiness strong{font-size:12px}.rotaWorkspace .workspaceBusiness span{font-size:10px}.rotaWorkspace .iconButton{padding:6px 10px;font-size:12px}.rotaWorkspace .workspaceNav{position:relative;top:auto;flex:none;padding:4px 12px;min-height:44px}.rotaWorkspace .workspaceNav button{min-height:34px;padding:6px 9px;font-size:12px}.rotaWorkspace .workspaceContent{width:100%;max-width:none;padding:0;flex:1;min-height:0;display:flex;flex-direction:column}.rotaWorkspace .notice,.rotaWorkspace .setupWarning{flex:none;margin:6px 12px;padding:8px 12px}.rotaCommandBar{flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px;margin:0;border-bottom:1px solid #dce4ef;background:#fff}.rotaTitle{margin:0 4px 0 0;font-size:18px;letter-spacing:-.03em}.rotaCommandLocation{display:flex;align-items:center;gap:7px}.rotaCommandLocation>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rotaCommandLocation select{height:34px;max-width:210px;padding:4px 28px 4px 9px;border:1px solid #ccd7e4;border-radius:5px;background:#fff;color:#203a59;font-size:13px;font-weight:650}.rotaWeekPicker{grid-template-columns:30px auto 30px;gap:4px}.rotaWeekPicker button{width:30px;height:34px;border-radius:5px}.rotaWeekPicker strong{font-size:13px}.rotaWeekPicker>div{min-width:185px}.rotaWeekPicker span{display:none}.rotaCommandSpacer{flex:1}.rotaTodayButton,.rotaPublishButton{min-height:34px;padding:6px 12px;font-size:12px;border-radius:5px;box-shadow:none}.rotaPublishButton{display:flex;align-items:center;gap:6px}.rotaCommandBar .publishBadge{min-height:28px;padding:4px 9px;font-size:11px}.rotaWorkspace .rotaPanel{flex:1;min-height:0;display:flex;border:0;border-radius:0;box-shadow:none;overflow:hidden}.rotaWorkspace .rotaGridWrap{width:100%;height:100%;overflow-x:auto}.rotaWorkspace .rotaGrid{display:flex;flex-direction:column;min-width:1070px;height:100%;border:0}.rotaGridHeader,.rotaRows,.rotaFinancialFooter{display:grid;grid-template-columns:220px repeat(7,minmax(110px,1fr)) 80px}.rotaGridHeader{flex:none;background:#f8fafc}.rotaRows{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-gutter:stable}.rotaGridHeader,.rotaFinancialFooter{padding-right:0;overflow-y:auto;scrollbar-gutter:stable}.rotaWorkspace .rotaCorner,.rotaWorkspace .rotaDayHeader{position:static;min-height:64px;padding:7px;border-right:0;border-bottom:1px solid #dce4ef;background:#f8fafc}.rotaWorkspace .rotaCorner{padding-left:16px;font-size:12px}.rotaWorkspace .rotaDayHeader strong{font-size:13px}.rotaWorkspace .rotaDayHeader span,.rotaDayHeader small{color:#7c8da3;font-size:11px}.rotaWorkspace .rotaDayHeader.isToday{background:#eaf3ff;box-shadow:inset 0 3px #0b63f6}.rotaWorkspace .rotaDayHeader.isToday strong{color:#0b63f6}.rotaDepartmentBar{min-height:32px;display:flex;align-items:center;gap:20px;padding:6px 16px;color:#fff;background:#67778c}.rotaDepartmentBar strong{font-size:12px;font-weight:700}.rotaDepartmentBar span{font-size:11px;color:inherit;opacity:.92}.departmentTone1{background:#5968ad}.departmentTone2{background:#167c70}.departmentTone3{background:#336eb2}.departmentTone4{background:#a5652a}.departmentTone5{background:#966090}.rotaWorkspace .rotaEmployee,.rotaWorkspace .rotaCell,.rotaWorkspace .rotaWeekTotal{min-height:64px;border-right:0;border-bottom:1px solid #e2e8ef}.rotaWorkspace .rotaEmployee{position:static;padding:9px 14px;align-items:center;background:#f5f7fa}.rotaWorkspace .rotaEmployee .avatarCircle{width:28px;height:28px;border-radius:50%;color:#fff;background:#304662;font-size:10px}.rotaWorkspace .rotaEmployee strong{font-size:12px;font-weight:650}.rotaWorkspace .rotaEmployee span:last-child,.rotaEmployee small{font-size:10px;color:#7b8ca1}.rotaWorkspace .rotaCell{padding:3px 4px;gap:3px}.rotaWorkspace .shiftCard{padding:7px 9px;min-height:55px;border:0;border-left:3px solid #3c82eb;border-radius:4px;background:#eef3f9;box-shadow:none;gap:3px}.rotaWorkspace .shiftCard .shiftTime{font-size:13px;color:#223e60;font-weight:650}.rotaWorkspace .shiftCard>span:not(.shiftTime){font-size:11px;color:#52677f;line-height:1.3}.rotaWorkspace .shiftCard small{font-size:10px}.rotaWorkspace .shiftCard:hover{background:#e2edfc}.rotaWorkspace .addShiftButton{opacity:0;min-height:22px;padding:2px;margin-top:auto;border:0;background:transparent;font-size:11px}.rotaWorkspace .rotaCell:hover .addShiftButton,.rotaWorkspace .rotaCell:focus-within .addShiftButton{opacity:1;background:#f1f6ff}@media(hover:none){.rotaWorkspace .addShiftButton{opacity:1}}.rotaWorkspace .rotaWeekTotal{background:#f8fafc}.rotaFinancialFooter{flex:none;border-top:2px solid #d6e1f0;box-shadow:0 -4px 12px #2039580a}.rotaWorkspace .rotaFooterLabel,.rotaWorkspace .rotaFooterCell,.rotaWorkspace .rotaFooterTotal{position:static;min-height:32px;padding:5px 10px;border-right:0;border-bottom:1px solid #e0e7f0;background:#f8fafc}.rotaWorkspace .rotaFooterLabel{display:flex;align-items:center;gap:6px;background:#edf2f8}.rotaWorkspace .rotaFooterLabel strong{font-size:11px}.rotaWorkspace .rotaFooterLabel span{font-size:10px;color:#7c8b9e}.rotaWorkspace .rotaFooterCell strong,.rotaWorkspace .rotaFooterTotal strong{font-size:11px;color:#3d5574}.rotaWorkspace .rotaFooterTotal{background:#edf2f8}.forecastEditButton{border:0;padding:3px 8px;border-radius:4px;color:#0b63f6;background:#eaf3ff;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.forecastEditButton:hover{background:#dceaff}.forecastModal{width:min(420px,100%)}@media(max-width:900px){.rotaCommandBar{gap:7px;flex-wrap:wrap}.rotaTitle{font-size:16px}.rotaWeekPicker>div{min-width:172px}.rotaCommandLocation select{max-width:170px}}@media(max-width:720px){.rotaWorkspace .workspaceHeader{height:auto;min-height:50px}.rotaWorkspace .workspaceNav{display:none;min-height:0}.rotaWorkspace .workspaceNav.open{display:flex;max-height:40dvh;overflow-y:auto}.rotaCommandBar{padding:8px}.rotaCommandSpacer{display:none}.rotaWeekPicker{order:5;width:100%;grid-template-columns:32px 1fr 32px}.rotaCommandLocation{flex:1;min-width:0}.rotaCommandLocation select{width:100%;max-width:none}.rotaCommandBar .publishBadge{display:none}.rotaTodayButton,.rotaPublishButton{width:auto}}.rotaWorkspace .rotaCorner,.rotaWorkspace .rotaEmployee,.rotaWorkspace .rotaFooterLabel{position:relative;z-index:3;transform:translate(var(--rota-scroll-left,0px));box-shadow:1px 0 #dce4ef}.rotaRows{grid-auto-rows:max-content}.rotaWorkspace .shiftCard{flex-shrink:0}.rotaWorkspace .shiftCard .shiftTime{white-space:nowrap;font-size:12px}.rotaWorkspace .shiftCard small{display:none}.rotaWorkspace .rotaEmployee>div>span{font-size:11px;color:#7b8ca1}.rotaWorkspace .rotaCell{position:relative}.rotaWorkspace .addShiftButton{position:absolute;top:4px;right:5px;width:24px;height:24px;margin:0;background:#fff;border-radius:50%}.rotaWorkspace .shiftRole{padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotaWorkspace .rotaCell.hasShifts .addShiftButton{position:static;flex-shrink:0;width:100%;height:18px;min-height:18px;border-radius:3px;background:#f1f6ff}.shiftModalCard{width:min(820px,100%);padding:0;border-radius:12px}.shiftEditorHeader{align-items:center;margin:0;padding:18px 20px;border-bottom:1px solid #dce4ef;gap:14px}.shiftEditorHeader h2{font-size:23px}.shiftEditorHeader>.smallIconButton{margin-left:auto;flex-shrink:0}.shiftEditorAvatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#304662;color:#fff;font-weight:700}.shiftEditorEmployee{margin:4px 0 0;font-size:13px;color:#65758a}.shiftEditorForm{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:20px}.shiftEditorMain,.shiftEditorAside{display:grid;align-content:start;gap:14px;min-width:0}.shiftModalCard .twoCol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shiftModalCard .field{min-width:0}.shiftModalCard .field input,.shiftModalCard .field select,.shiftModalCard textarea{min-width:0;max-width:100%;box-sizing:border-box}.shiftModalCard input[type=time]{appearance:none;-webkit-appearance:none;width:100%;text-align:left}.shiftModalCard input[type=time]::-webkit-date-and-time-value{text-align:left}.shiftDurationSummary{display:grid;gap:5px;padding:16px;border:1px solid #dce4ef;border-radius:8px;background:#f5f8fd}.shiftDurationSummary span{font-size:12px;color:#65758a}.shiftDurationSummary strong{font-size:24px;color:#203a59}.shiftDurationSummary small{font-size:11px;color:#65758a}.shiftBreakPanel{display:grid;gap:12px;padding:14px;border:1px solid #dce4ef;border-radius:8px}.shiftBreakPanel .checkField{min-height:36px;padding:0;border:0;background:transparent}.shiftDraftNote{margin:0;padding:12px 14px;background:#eef4ff;border-radius:8px;color:#52677f;font-size:12px;line-height:1.5}.shiftEditorNotes,.shiftEditorForm>.modalActions{grid-column:1 / -1}.shiftEditorForm>.modalActions{border-top:1px solid #dce4ef;padding-top:16px}@media(max-width:620px){.shiftModalCard{padding:0}.shiftEditorHeader{padding:14px;gap:10px}.shiftEditorHeader h2{font-size:19px}.shiftEditorAvatar{width:36px;height:36px;font-size:12px}.shiftEditorForm{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.shiftEditorAside{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shiftDurationSummary,.shiftBreakPanel{padding:10px}.shiftDraftNote{grid-column:1 / -1}.shiftModalCard .shiftModalActions{display:flex;flex-wrap:wrap}.shiftModalCard .shiftModalActions button{width:auto}.shiftModalCard .shiftModalActions>span{display:block;flex:1}}.rotaWorkspace .shiftCard{min-height:68px;gap:2px}.rotaWorkspace .shiftCard.shiftState-draft{background:#f0f3f7;border-left:3px dashed #8795a8}.rotaWorkspace .shiftCard.shiftState-published{background:#dff3e9;border-left:3px solid #16835a}.rotaWorkspace .shiftCard.shiftState-draftEdit{background:#fff2d9;border-left:3px dashed #b67b1c}.rotaWorkspace .shiftCard.shiftState-draft:hover{background:#e6ebf2}.rotaWorkspace .shiftCard.shiftState-published:hover{background:#d0ecde}.rotaWorkspace .shiftCard.shiftState-draftEdit:hover{background:#ffe8bc}.rotaWorkspace .shiftCard>span.shiftStatusLabel{font-size:9px;font-weight:700;line-height:1.2;color:#66758b}.rotaWorkspace .shiftCard.shiftState-published>span.shiftStatusLabel{color:#12633f}.rotaWorkspace .shiftCard.shiftState-draftEdit>span.shiftStatusLabel{color:#865a14}.shiftStatusLegend{display:flex;gap:10px;align-items:center;font-size:10px;color:#65758a}.shiftStatusLegend span{display:flex;align-items:center;gap:4px;white-space:nowrap}.shiftStatusLegend span:before{content:"";width:9px;height:9px;border-radius:2px}.legendDraft:before{background:#f0f3f7;border:1px dashed #8795a8}.legendDraftEdit:before{background:#fff2d9;border:1px dashed #b67b1c}.legendPublished:before{background:#dff3e9;border:1px solid #16835a}@media(max-width:900px){.shiftStatusLegend{display:none}}.rotaPayModal{width:min(760px,100%)}.rotaPayModal .employeeRolePaySection{margin-top:18px}.payInlineError,.payInlineNotice{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:13px}.payInlineError{background:#fff0eb;color:#a84932}.payInlineNotice{background:#e8f7ee;color:#12633f}.rotaWorkspace .setupWarning .textButton{white-space:nowrap;margin-left:auto}@media(max-width:620px){.rotaPayModal .rolePayGrid{grid-template-columns:minmax(0,1fr)}.rotaPayModal .employeeRoleSummary{flex-wrap:wrap;gap:10px}.rotaPayModal .employeeRoleActions{flex-wrap:wrap}}.employeeAvailabilitySection{margin-top:18px}.availabilityWeek{display:grid;gap:8px;margin-top:14px}.availabilityDay{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid #edf1f5}.availabilityDay>strong{font-size:12px;color:#29425f}.availabilityRuleList{display:flex;flex-wrap:wrap;gap:6px}.availabilityRule{display:flex;align-items:center;gap:7px;min-height:28px;padding:4px 7px 4px 9px;border-radius:6px;font-size:11px}.availabilityRule.available{background:#e8f7ee;color:#12633f}.availabilityRule.unavailable{background:#fff0eb;color:#994431}.availabilityRule .smallIconButton{width:24px;height:24px;min-width:24px;padding:0}.availabilityAddForm{display:grid;grid-template-columns:140px 140px auto 110px 110px minmax(140px,1fr) auto;gap:8px;align-items:end;margin-top:14px;padding:12px;border:1px solid #e2e9f1;border-radius:9px;background:#f8fafc}.availabilityAddForm select,.availabilityAddForm input{min-width:0}.compactCheck{min-height:38px;margin:0}.shiftConflictPanel{grid-column:1 / -1;display:grid;gap:5px;padding:12px 14px;border:1px solid #e7ad4a;border-radius:8px;background:#fff7e8;color:#704b13}.shiftConflictPanel strong{font-size:13px}.shiftConflictPanel span{font-size:12px;line-height:1.4}.shiftConflictPanel small{margin-top:3px;color:#876532}.rotaWorkspace .shiftCard.shiftHasConflict{box-shadow:inset 0 0 0 1px #df9a27}.rotaWorkspace .shiftCard.shiftHasConflict>span.shiftStatusLabel{color:#8a5a11;font-weight:800}@media(max-width:900px){.availabilityAddForm{grid-template-columns:repeat(2,minmax(0,1fr))}.availabilityAddForm .secondaryButton{width:100%}}@media(max-width:620px){.availabilityDay{grid-template-columns:1fr;gap:5px}.availabilityAddForm{grid-template-columns:1fr}}.availabilityDateList{display:grid;gap:8px;margin-top:14px}.availabilityDateCard{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e2e9f1;border-radius:8px;background:#fff}.availabilityDateCard>div{display:grid;gap:3px}.availabilityDateCard strong{font-size:12px;color:#29425f}.availabilityDateCard span{font-size:11px;color:#6f7f93}.availabilityDateForm{grid-template-columns:150px auto 110px 110px minmax(140px,1fr) auto}.availabilityNoteField{min-width:0}@media(max-width:900px){.availabilityDateForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.availabilityDateForm{grid-template-columns:1fr}}.rotaUnavailableNotice{display:flex;flex-direction:column;gap:2px;padding:6px 7px;border-radius:5px;border-left:3px solid #ce6a55;background:#fff0eb;color:#9b4334;font-size:11px;line-height:1.25}.rotaUnavailableNotice strong{font-size:11px}.rotaUnavailableNotice span{font-size:10px}.rotaCell.hasUnavailability{background:linear-gradient(0deg,#ffefe733,#ffefe733)}.holidayPayReview{margin:16px 0;padding:18px}.holidayPayReviewBody{margin-top:18px;overflow-wrap:anywhere}.holidayPayReviewBody details{margin:18px 0}.holidayPayReviewBody summary{cursor:pointer;font-weight:650}.holidayPayReviewBody fieldset{border:0;padding:0;min-width:0}.holidayPayInputGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:16px 0}.holidayPayInputGrid label,.holidayPayReason{display:grid;gap:6px;font-size:13px}.holidayPayInputGrid input,.holidayPayInputGrid select,.holidayPayInputGrid textarea,.holidayPayReason textarea{width:100%;min-width:0;border:1px solid #d5dce7;border-radius:8px;padding:10px;font:inherit;background:#fff;color:#182435}.holidayPayConfirmation{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.holidayPayConfirmation input{margin-top:4px}.holidayPayReason{margin:18px 0}.holidayPayReviewBody .dataTable td{vertical-align:top}.holidayPayReviewBody .secondaryButton{margin:3px}.holidayWorkspace .holidayPageHeader h1{font-size:clamp(30px,3.2vw,44px)}.holidayWorkspace .holidayPageHeader{margin-bottom:24px}.holidaySummaryGrid{margin-bottom:22px}.holidayTabs{display:flex;gap:6px;border-bottom:1px solid #dce4ee;margin-bottom:20px}.holidayTabs button{display:flex;gap:8px;align-items:center;min-height:48px;padding:12px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:#61728a;font:inherit;font-weight:700;cursor:pointer}.holidayTabs button[aria-pressed=true]{border-bottom-color:#2860ed;color:#235ce5}.holidayTabs button span{background:#eaf1ff;border-radius:20px;padding:2px 7px;font-size:12px}.holidayFilters{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 18px}.holidayFilters button{border:1px solid #dce4ee;border-radius:20px;padding:8px 14px;color:#596c83;background:#fff;font:inherit;font-size:13px;cursor:pointer}.holidayFilters button[aria-pressed=true]{color:#2054cd;background:#edf3ff;border-color:#bcd0fb}.holidayWorkspace .holidayActions .smallIconButton{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:8px 10px;gap:5px;font-size:12px}.holidayWorkspace .holidayBalanceView{max-width:1100px}.holidayWorkspace .holidayBalanceRow{padding:18px 22px;min-height:86px}.holidayWorkspace .holidayBalanceFigures{gap:28px}.holidayWorkspace .holidayBalanceFigures strong{font-size:18px}.holidayWorkspace .holidayRemaining{min-width:85px;color:#2755ba}.holidayWorkspace .holidayRemaining strong{color:#194dbb;font-size:24px}.holidaySettingsView{display:grid;gap:18px;max-width:1100px}.holidaySettingsView .blackoutPanel{margin-top:0}.holidaySettingsView .blackoutForm{grid-template-columns:repeat(2,minmax(0,1fr))}.holidayAdvancedToggle{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px;background:transparent;border:0;text-align:left;font:inherit;color:#29415d;cursor:pointer}.holidayAdvancedToggle>span:first-child{display:grid;gap:7px}.holidayAdvancedToggle small{color:#6f7f93;font-weight:400;line-height:1.5}.holidayAdvancedToggle>span:last-child{color:#235ce5;font-weight:700}.holidayAdvancedBody{padding:0 22px 22px}.holidayAdvancedBody .holidayPayReview{box-shadow:none;margin-bottom:0}.holidayHelpDetails summary{cursor:pointer;color:#31578a;font-weight:650}.holidayModal .twoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.holidayModal .field{min-width:0}.holidayModal .field input,.holidayModal .field select{min-width:0;max-width:100%;box-sizing:border-box}@media(max-width:620px){.holidayTabs button{flex:1;justify-content:center;padding:12px 8px}.holidaySummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.holidayWorkspace .holidayBalanceFigures{justify-content:flex-start}.holidaySettingsView .blackoutForm,.holidayModal .twoCol{grid-template-columns:minmax(0,1fr)}.holidayWorkspace .holidayBalanceRow{padding:16px}}.holidayPayInputGrid>label{min-width:0}.holidayPayInputGrid input[type=date],.blackoutForm input[type=date]{min-width:0;width:100%;max-width:100%}.blackoutForm>.field{min-width:0}.hoursPayReport h1{font-size:clamp(30px,3.2vw,44px)}.hoursPayTable{min-width:740px}.hoursPayTable td{vertical-align:top}.hoursPayTable td:first-child{width:36%}.hoursPayTable td:last-child>strong{color:#2054cd}.hoursPayNote,.hoursPayIssue{display:block;margin-top:5px;font-size:12px;line-height:1.45}.hoursPayNote,.hoursPayFootnote{color:#6f7f93}.hoursPayIssue{color:#965324;max-width:420px}.hoursPayFootnote{font-size:12px;line-height:1.6;margin:18px 4px}.hoursPayReport .reportFilters>label{min-width:0}.hoursPayReport input[type=date]{min-width:0;max-width:100%}.timesheetDateControl{display:grid;justify-items:center;gap:5px;min-width:0;flex:1}.timesheetDateControl>span{color:#213750;font-size:14px;font-weight:700;text-align:center}.timesheetDateControl input{min-width:0;max-width:190px;width:100%;padding:6px 9px;border:1px solid #dce4ef;border-radius:7px;background:#fff;color:#536984;font:inherit;font-size:13px}.timesheetDayPicker>button{flex-shrink:0}@media(max-width:560px){.timesheetDateControl>span{font-size:12px}.timesheetDayPicker{gap:8px}}.holidayMonthToolbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 18px;background:#fff;border:1px solid #e1e8f1;border-radius:13px;margin-bottom:18px}.holidayMonthPicker{display:grid;justify-items:center;gap:7px;min-width:190px}.holidayMonthPicker strong{font-size:16px;color:#263f5d}.holidayMonthPicker input{max-width:200px;min-width:0;width:100%;padding:6px 9px;font:inherit;font-size:13px;color:#536984;border:1px solid #dce4ef;border-radius:7px;background:#fff}.holidayMonthToolbar>.secondaryButton{margin-left:10px;width:auto}@media(max-width:560px){.holidayMonthToolbar{flex-wrap:wrap;gap:8px;padding:14px 10px}.holidayMonthPicker{min-width:165px}.holidayMonthToolbar>.secondaryButton{flex-basis:100%;margin-left:0}}.staffApprovedHours{min-width:0;border:1px solid #e1e8f1;border-radius:15px;background:#fff;padding:20px}.staffApprovedHeading{display:grid;gap:5px}.staffApprovedHeading h2{margin:0;font-size:18px}.staffApprovedHeading>span,.staffApprovedRange{color:#718198;font-size:12px;line-height:1.5}.staffApprovedMonth{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}.staffApprovedMonth label{display:grid;gap:4px;flex:1;min-width:135px}.staffApprovedMonth label>span{font-size:11px;color:#718198}.staffApprovedMonth input{width:100%;min-width:0;border:1px solid #dce4ef;border-radius:7px;padding:7px;font:inherit;font-size:13px;background:#fff;color:#29415d}.staffApprovedMonth>button{flex-shrink:0}.staffApprovedMonth .textButton{font-size:12px}.staffApprovedRange{margin:12px 0}.staffApprovedTotal{display:flex;align-items:baseline;gap:12px;margin:16px 0}.staffApprovedTotal>strong{font-size:27px;color:#183252}.staffApprovedTotal>span{font-size:12px;color:#718198}.staffApprovedList{padding:0;margin:0;list-style:none;max-height:280px;overflow-y:auto}.staffApprovedList li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f6;font-size:13px}.staffApprovedList li>div{display:grid;gap:5px}.staffApprovedList li span{font-size:12px;color:#718198}.staffApprovedEmpty{margin:14px 0 0;padding:12px 0;font-size:13px;color:#718198;line-height:1.5}.staffHomeGrid>.staffMiniCard{align-self:start}.staffHolidayYearNote,.staffHolidayMonthNote{font-size:12px;color:#718198;line-height:1.5;margin:0 0 14px}.staffHolidayBalance+.holidayMonthToolbar{margin-top:20px}.staffApprovedMonth,.holidayMonthToolbar{display:grid;grid-template-columns:44px minmax(0,220px) 44px;justify-content:center;align-items:end;column-gap:12px;row-gap:12px}.staffApprovedMonth>label,.holidayMonthToolbar>.holidayMonthPicker{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%;overflow:hidden}.staffApprovedMonth input[type=month],.holidayMonthPicker input[type=month]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;max-width:100%;height:44px;box-sizing:border-box;overflow:hidden;text-align:center}.staffApprovedMonth input[type=month]::-webkit-date-and-time-value,.holidayMonthPicker input[type=month]::-webkit-date-and-time-value{min-width:0;text-align:center}.staffApprovedMonth>.smallIconButton,.holidayMonthToolbar>.smallIconButton{width:44px;min-width:44px;height:44px;padding:0;margin:0}.staffApprovedMonth>.textButton,.holidayMonthToolbar>.secondaryButton{grid-column:1 / -1;justify-self:center;width:auto;min-height:36px;margin:0;padding:7px 14px}.holidayStartingBalance{border:1px solid #dbe6f4;border-radius:12px;padding:15px;margin:0;min-width:0;background:#f7faff}.holidayStartingBalance legend{padding:0 6px;font-size:13px;font-weight:750;color:#355779}.holidayStartingBalance .twoCol{margin-top:15px}.holidayStartingBalance p{margin:12px 0 0;font-size:12px;line-height:1.6;color:#6e8096}.employeeSetupModal{width:min(800px,100%)}.employeeSetupBasics{border:0;margin:0;padding:0;min-width:0;display:grid;gap:15px}.employeeSetupBasics legend{font-size:18px;font-weight:750;padding:0 0 14px;color:#17243c}.employeeSetupSection{display:grid;gap:15px;padding:22px 0;border-top:1px solid #e2e8f0}.employeeSetupSection h3{margin:0;font-size:19px}.employeeSetupSection p,.employeeSetupHint{margin:0;font-size:14px;line-height:1.5;color:#67758c}.employeeSetupSection .twoCol,.employeeSetupSection .field{min-width:0}.employeeSetupModal input,.employeeSetupModal select{min-width:0;max-width:100%;box-sizing:border-box}.employeeSetupModal input[type=date]{width:100%;appearance:none;-webkit-appearance:none}.employeeStartingFields{display:grid;gap:12px;padding:16px;background:#f5f8fe;border:1px solid #e1e8f5;border-radius:12px}.employeeWorkingDays{display:grid;gap:10px}.employeeWorkingDays>div{display:flex;flex-wrap:wrap;gap:10px}.employeeWorkingDays label{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border:1px solid #dce3ee;border-radius:8px}.employeeWorkingDays input{width:auto}.employeeSetupSection details summary{cursor:pointer;color:#476080}.employeeSetupSection details[open]{display:grid;gap:14px}.employeeSetupModal .modalActions{position:sticky;bottom:-22px;background:#fff;border-top:1px solid #e2e8f0;padding:16px 0;z-index:1}.employeeExtraSettings{border-top:1px solid #e2e8f0;margin-top:20px;padding:18px 0}.employeeExtraSettings>summary{cursor:pointer;font-weight:650;color:#425a7c}
