.nav-centre .active{background:#efedff;color:var(--cobalt)}.product-label{margin:0;color:var(--cobalt);font-size:10px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase}.product-hero{min-height:calc(100svh - 106px);padding:75px 7vw 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.product-hero h1{margin:22px 0 0;font-size:clamp(65px,6.7vw,108px);line-height:.84;letter-spacing:-.07em}.product-hero h1 em{color:var(--cobalt);font-family:"DM Serif Display",serif;font-weight:400;letter-spacing:-.04em}.product-hero>div:first-child>p:last-child{max-width:600px;margin:35px 0 0;color:#5f5c65;font-size:18px;line-height:1.6}.hero-dashboard{min-height:455px;padding:19px;background:#fff;border:1.5px solid var(--ink);border-radius:22px;box-shadow:13px 13px 0 var(--lilac);display:grid;grid-template-columns:52px 1fr;gap:18px;transform:rotate(1deg)}.mini-sidebar{padding:13px 10px;border-radius:14px;background:var(--ink);display:flex;align-items:center;flex-direction:column;gap:21px}.mini-sidebar img{width:27px;height:30px;object-fit:contain}.mini-sidebar i{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.12)}.mini-sidebar i:first-of-type{background:var(--cobalt)}.mini-content{padding:15px 10px}.mini-heading{display:flex;justify-content:space-between;gap:15px}.mini-heading span{font-size:15px;font-weight:700}.mini-heading b{color:#85818a;font-size:9px}.mini-stats{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats div{padding:15px;border-radius:12px;background:#f5f3ee}.mini-stats small{display:block;color:#817d85;font-size:7px;font-weight:700;letter-spacing:.7px}.mini-stats strong{display:block;margin-top:9px;font-size:27px}.mini-stats div:first-child{background:var(--cobalt);color:#fff}.mini-stats div:first-child small{color:#dce3ff}.mini-chart{height:190px;margin-top:22px;padding:17px;display:flex;align-items:flex-end;gap:12px;border:1px solid #e2dfd8;border-radius:14px}.mini-chart span{height:var(--h);flex:1;border-radius:5px 5px 0 0;background:#ded9f7}.mini-chart span:nth-child(4),.mini-chart span:nth-child(6){background:var(--cobalt)}.feature-jumps{position:relative;z-index:2;margin:0 4.5vw;padding:13px 18px;border:1px solid #dfdcd5;border-radius:16px;background:#fff;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;box-shadow:0 8px 28px rgba(23,23,37,.04)}.feature-jumps a{padding:9px 12px;border-radius:999px;color:#5f5c65;text-decoration:none;font-size:11px;font-weight:700}.feature-jumps a:hover{background:#f0edff;color:var(--cobalt)}.feature-section{padding:120px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;scroll-margin-top:30px}.feature-section.reverse{grid-template-columns:1.2fr .8fr}.feature-section.reverse .feature-copy{grid-column:2;grid-row:1}.feature-section.reverse .feature-graphic{grid-column:1;grid-row:1}.feature-section.soft{background:#fff}.feature-copy h2{margin:21px 0 28px;font-size:clamp(43px,4.6vw,72px);line-height:.96;letter-spacing:-.057em}.feature-copy>p:not(.product-label){margin:0;color:#625f68;font-size:16px;line-height:1.65}.feature-copy ul{margin:30px 0 0;padding:0;list-style:none}.feature-copy li{margin:13px 0;padding-left:25px;position:relative;color:#4e4b54;font-size:13px;font-weight:600}.feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--cobalt);font-weight:800}.feature-graphic{min-width:0;padding:28px;background:#fff;border:1.5px solid var(--ink);border-radius:20px;box-shadow:9px 9px 0 var(--lilac)}.soft .feature-graphic{background:#f8f7f3}.graphic-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ddd9d2;font-size:10px}.graphic-toolbar span{color:#85818a}.graphic-toolbar b{font-size:13px}.graphic-toolbar i{font-style:normal}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.dash-cards div{padding:17px;border-radius:12px;background:#f0eee9}.dash-cards .blue{background:var(--cobalt);color:#fff}.dash-cards small{display:block;font-size:7px;letter-spacing:.6px}.dash-cards strong{display:block;margin:9px 0 5px;font-size:28px}.dash-cards span{color:#77737b;font-size:8px}.dash-cards .blue span{color:#d9e1ff}.attention-list{margin-top:19px;padding:19px;border:1px solid #e1ded7;border-radius:12px}.attention-list>b{font-size:11px}.attention-list div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid #e8e5df;font-size:10px}.attention-list div:last-child{border:0;padding-bottom:0}.attention-list small{color:#8a868e;font-size:8px}.attention-list i{width:7px;height:7px;border-radius:50%}.coral-dot{background:var(--coral)}.yellow-dot{background:var(--lemon)}.rota-top{display:flex;justify-content:space-between;align-items:center}.rota-top b{font-size:13px}.rota-top span{padding:8px 11px;border-radius:999px;background:var(--cobalt);color:#fff;font-size:8px;font-weight:700}.rota-days{display:grid;grid-template-columns:repeat(5,1fr);margin-top:22px}.rota-days span{text-align:center;padding:10px 3px;border-bottom:1px solid #cbc8c0;color:#77737b;font-size:8px;font-weight:700}.rota-grid{height:250px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:7px;padding-top:9px;background:repeating-linear-gradient(to bottom,transparent 0 60px,#ece9e3 61px 62px)}.rota-grid i{grid-column:var(--col);grid-row:var(--row);align-self:start;margin:5px 2px;padding:12px 8px;border:1px solid var(--ink);border-radius:8px;font-size:8px;font-style:normal;line-height:1.55;box-shadow:2px 2px 0 var(--ink)}.rota-grid i b{font-size:9px}.shift-a{background:#dce4ff}.shift-b{background:#ffd7d0}.shift-c{background:#f7ec97}.shift-open{border-style:dashed!important;color:#c94534;background:#fff}.open-card{padding:20px;border-radius:13px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:4px 16px}.open-card small{grid-column:1/-1;color:#bbb6c3;font-size:7px;letter-spacing:.8px}.open-card b{font-size:15px}.open-card span{grid-column:1;color:#c8c4ce;font-size:9px}.open-card em{grid-column:2;grid-row:2/4;align-self:center;padding:7px 9px;border-radius:999px;background:#f4df68;color:var(--ink);font-size:7px;font-style:normal;font-weight:800}.flow-line{display:flex;align-items:center;gap:9px;margin:19px 0;color:#77737b;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.flow-line i{height:1px;flex:1;background:#ddd9d2}.match-row{display:grid;gap:9px}.match-row>div{padding:13px;border:1px solid #dedbd4;border-radius:11px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px}.match-row>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9e5ff;color:var(--cobalt);font-size:9px;font-weight:800}.match-row p{margin:0}.match-row b{display:block;font-size:10px}.match-row small{color:#7e7a83;font-size:8px}.match-row strong{color:var(--cobalt);font-size:12px}.cover-graphic>button{width:100%;height:43px;margin-top:15px;border:0;border-radius:999px;background:var(--cobalt);color:#fff;font:700 10px "DM Sans",sans-serif}.leave-balance{padding:20px;border-radius:14px;background:var(--cobalt);color:#fff;display:grid;grid-template-columns:1fr auto;gap:4px}.leave-balance small{grid-column:1/-1;color:#dbe2ff;font-size:7px;letter-spacing:.8px}.leave-balance strong{font-size:28px}.leave-balance>span{align-self:end;color:#dbe2ff;font-size:9px}.leave-balance i{grid-column:1/-1;height:7px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.25)}.leave-balance i b{display:block;width:66%;height:100%;border-radius:inherit;background:#fff}.leave-request{margin-top:18px;padding:19px;border:1px solid #dedbd4;border-radius:14px;background:#fff}.leave-request>div:first-child{display:flex;align-items:center;gap:11px}.leave-request>div:first-child>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffe1db;color:#b43f30;font-size:10px;font-weight:800}.leave-request p{margin:0}.leave-request b{display:block;font-size:11px}.leave-request small{color:#7d7981;font-size:8px}.leave-request>em{display:inline-block;margin:15px 0;padding:6px 8px;border-radius:999px;background:#e8f6e9;color:#34713b;font-size:8px;font-style:normal;font-weight:700}.leave-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leave-actions button{height:39px;border:1px solid #c9c5bd;border-radius:999px;background:#fff;font:700 9px "DM Sans",sans-serif}.leave-actions button:last-child{border-color:var(--cobalt);background:var(--cobalt);color:#fff}.attendance-graphic{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.clock-panel{padding:23px;border-radius:14px;background:var(--ink);color:#fff;display:flex;align-items:center;flex-direction:column;text-align:center}.clock-panel small{color:#aaa6b1;font-size:7px;letter-spacing:.8px}.clock-panel strong{margin-top:27px;font-size:43px}.clock-panel span{margin-top:5px;color:#bbb7c1;font-size:8px}.clock-panel button{width:100%;height:42px;margin-top:auto;border:0;border-radius:999px;background:var(--cobalt);color:#fff;font:700 10px "DM Sans",sans-serif}.presence-list>b{font-size:11px}.presence-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #e2dfd8}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:8px;font-weight:800}.lilac{background:#e8e2ff;color:#5940c3}.orange{background:#ffe1d5;color:#b34a2f}.blue-avatar{background:#dce7ff;color:#2854e8}.presence-list p{margin:0}.presence-list strong{display:block;font-size:9px}.presence-list small{color:#817d85;font-size:7px}.presence-list em{padding:5px 7px;border-radius:999px;background:#e6f4e8;color:#36713d;font-size:7px;font-style:normal;font-weight:700}.presence-list em.waiting{background:#f7efbd;color:#7b6517}.compliance-score{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.compliance-score>span{display:flex;flex-direction:column}.compliance-score b{font-size:32px}.compliance-score small{color:#77737b;font-size:7px;letter-spacing:.7px}.compliance-score>i{--score:92%;width:52%;height:9px;border-radius:999px;background:linear-gradient(to right,var(--cobalt) 0 var(--score),#e3e0da var(--score) 100%)}.document-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #ddd9d2}.document-row>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f4e7;color:#32703b;font-size:10px;font-weight:800}.document-row p{margin:0}.document-row b{display:block;font-size:10px}.document-row small{color:#7e7a82;font-size:8px}.document-row em{padding:6px 8px;border-radius:999px;background:#e5f4e7;color:#32703b;font-size:7px;font-style:normal;font-weight:700}.document-row.warning>span,.document-row.warning em{background:#fff0d5;color:#9b6017}.department-card{min-height:68px;margin-bottom:10px;padding:13px 15px;border:1px solid #dedbd4;border-radius:12px;background:#fff;display:grid;grid-template-columns:7px 1fr auto;gap:13px;align-items:center}.dept-colour{width:7px;height:38px;border-radius:999px}.blue-bg{background:var(--cobalt)}.coral-bg{background:var(--coral)}.yellow-bg{background:var(--lemon)}.department-card b{display:block;font-size:11px}.department-card small{color:#7f7b83;font-size:8px}.department-card em{font-style:normal}.department-card.add{border-style:dashed;grid-template-columns:30px 1fr}.department-card.add>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#efecff;color:var(--cobalt);font-weight:800}.profile-head{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center}.profile-head>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--cobalt);color:#fff;font-size:12px;font-weight:800}.profile-head b{display:block;font-size:13px}.profile-head small{color:#7f7b84;font-size:9px}.profile-head em{padding:6px 9px;border-radius:999px;background:#e5f4e7;color:#32703b;font-size:7px;font-style:normal;font-weight:700}.profile-tabs{display:flex;gap:22px;margin-top:24px;border-bottom:1px solid #d9d6cf}.profile-tabs>*{padding:0 0 11px;font-size:9px}.profile-tabs b{color:var(--cobalt);border-bottom:2px solid var(--cobalt)}.profile-tabs span{color:#85818a}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.profile-details div{padding:15px;border-radius:10px;background:#f0eee9}.profile-details small{display:block;color:#817d85;font-size:7px;letter-spacing:.6px}.profile-details b{display:block;margin-top:6px;font-size:9px}.product-cta{margin:30px 4.5vw 100px;padding:76px 7vw;border-radius:24px;background:var(--cobalt);color:#fff;text-align:center}.product-cta>p{margin:0;color:#dce2ff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.product-cta h2{margin:19px 0 34px;font-size:clamp(46px,5.5vw,80px);line-height:.95;letter-spacing:-.06em}.product-cta>div{display:flex;justify-content:center;gap:10px}.product-cta a{padding:13px 18px;border:1px solid #fff;border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.product-cta a:last-child{background:#fff;color:var(--cobalt)}@media(max-width:1000px){.product-hero{min-height:0;padding-top:75px;grid-template-columns:1fr}.hero-dashboard{width:min(760px,100%);margin:20px auto 0}.feature-section,.feature-section.reverse{grid-template-columns:1fr;gap:60px}.feature-section.reverse .feature-copy,.feature-section.reverse .feature-graphic{grid-column:1}.feature-section.reverse .feature-copy{grid-row:1}.feature-section.reverse .feature-graphic{grid-row:2}}@media(max-width:650px){.product-hero{padding:58px 22px 65px}.product-hero h1{font-size:clamp(52px,16vw,72px)}.product-hero>div:first-child>p:last-child{font-size:16px}.hero-dashboard{min-height:340px;padding:12px;grid-template-columns:40px 1fr;gap:9px;box-shadow:7px 7px 0 var(--lilac)}.mini-sidebar{padding-inline:6px}.mini-sidebar img{width:24px}.mini-sidebar i{width:18px;height:18px}.mini-content{padding:10px 3px}.mini-heading b{display:none}.mini-stats{margin-top:20px;gap:5px}.mini-stats div{padding:10px 7px}.mini-stats strong{font-size:21px}.mini-chart{height:130px;padding:10px;gap:6px}.feature-jumps{margin:0 18px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.feature-jumps a{white-space:nowrap}.feature-section{padding:80px 22px;gap:45px}.feature-copy h2{font-size:44px}.feature-copy>p:not(.product-label){font-size:15px}.feature-graphic{padding:19px;box-shadow:6px 6px 0 var(--lilac)}.dash-cards{grid-template-columns:1fr 1fr}.dash-cards div:last-child{grid-column:1/-1}.attention-list div{grid-template-columns:8px 1fr}.attention-list small{grid-column:2}.rota-graphic{padding-inline:12px}.rota-grid{height:215px;gap:3px}.rota-grid i{padding:8px 4px;font-size:7px}.attendance-graphic{grid-template-columns:1fr}.clock-panel{min-height:250px}.profile-details{grid-template-columns:1fr}.product-cta{margin:20px 18px 75px;padding:55px 20px}.product-cta h2{font-size:49px}.product-cta>div{flex-direction:column}.product-cta a{width:100%}}@media(max-width:390px){.feature-copy h2{font-size:39px}.open-card{grid-template-columns:1fr}.open-card em{grid-column:1;grid-row:auto;justify-self:start}.match-row>div{grid-template-columns:30px 1fr}.match-row strong{grid-column:2}.feature-graphic{padding:16px}.department-card{padding-inline:10px}}