@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";*{box-sizing:border-box}body{color:#223b33;background:#f6f7f4;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:#28463b;cursor:pointer;background:#fff;border:1px solid #dce3dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:600;display:inline-flex}button:hover{background:#eff4ed}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a9c972}a{color:inherit;cursor:pointer;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-1.1px;font-size:31px;font-weight:750}h3{letter-spacing:-.3px;font-size:16px}p{color:#7a8880;line-height:1.6}small{color:#839087;font-size:11px;line-height:1.6;display:block}svg{flex-shrink:0}button.primary{color:#fff;background:#155b48;border-color:#155b48}.shell{min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e4e8df;flex-direction:column;width:240px;padding:32px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1.5px;align-items:center;gap:11px;padding:0 10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand small{letter-spacing:2px;margin-top:5px;font:9px DM Sans,sans-serif}.brandmark{color:#d8edb7;background:#155b48;border-radius:11px;place-items:center;width:38px;height:40px;font-size:28px;font-weight:650;display:grid}.workspace{border:1px solid #e5e9e2;border-radius:9px;align-items:center;gap:9px;margin:34px 0 26px;padding:12px 10px;font-size:12px;font-weight:600;display:flex}.companyicon{background:#eef3e9;border-radius:6px;place-items:center;width:30px;height:32px;display:grid}.workspace small{font-size:10px;font-weight:400}.navlabel{letter-spacing:1.5px;margin-bottom:12px;padding:0 13px;font-size:10px;font-weight:600}nav{gap:5px;display:grid}nav button{color:#758178;background:0 0;border:0;justify-content:flex-start;padding:13px;font-size:13px;font-weight:500}nav button.active{color:#19513f;background:#edf3e9;font-weight:700}nav button b{background:#dbe8d1;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebottom{margin-top:auto;padding-top:35px}.mobilecard{background:#f7f9f2;border:1px solid #e5eadd;border-radius:10px;padding:17px 14px}.mobilecard svg{color:#648448}.mobilecard h4{margin:10px 0 5px;font-size:12px}.mobilecard p{font-size:11px;line-height:1.7}.mobilecard button{background:0 0;border:0;margin-top:10px;padding:0;font-size:11px}.profile{border-top:1px solid #e9ece5;align-items:center;gap:9px;margin-top:24px;padding-top:20px;font-size:12px;display:flex;overflow:hidden}.profile>div:last-child{text-overflow:ellipsis;overflow:hidden}.avatar{color:#516a3c;background:#e3ead7;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;font-weight:700;display:grid}.avatar.large{width:47px;height:47px;font-size:20px}header{color:#89938a;background:#ffffffb3;border-bottom:1px solid #e6e9e1;justify-content:space-between;align-items:center;height:78px;padding:0 38px;font-size:12px;display:flex}header>span,.headerRight{align-items:center;gap:16px;display:flex}header strong{color:#445b4c;font-weight:500}.headerRight{gap:25px}.secure{align-items:center;gap:7px;font-size:11px;display:flex}.secure>span{background:#59875f;border-radius:50%;width:6px;height:6px}.content{max-width:1600px;margin:auto;padding:35px 38px 0}.pagehead{justify-content:space-between;align-items:center;margin:0 0 28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#6c8677;margin-bottom:10px;font-size:9px;font-weight:700}.pagehead p{margin-top:8px;font-size:12px}.datepill,.pill{color:#6d7a70;background:#fff;border:1px solid #e1e6dc;border-radius:7px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.overviewgrid{grid-template-columns:1.15fr 1fr;gap:22px;display:grid}.clockcard{color:#fff;background:#155b48;border-radius:14px;padding:24px 26px;position:relative;overflow:hidden}.clockcard:after{content:"";pointer-events:none;border:35px solid #ffffff06;border-radius:50%;width:210px;height:210px;position:absolute;top:-60px;right:-60px}.cardtop{justify-content:space-between;align-items:center;display:flex}.clockcard .cardtop span{letter-spacing:1.5px;color:#c7decf;align-items:center;gap:8px;font-size:9px;display:flex}.livedot{background:#c6e799;border-radius:50%;width:6px;height:6px;display:inline-block}.clockcard h2{letter-spacing:-2px;margin:19px 0 2px;font-size:49px;font-weight:500;line-height:1.1}.clockcard h2 span{color:#b0d1c0;letter-spacing:1px;margin-left:10px;font:10px DM Sans,sans-serif}.clockcard p{color:#b8d4c6;font-size:11px}.clockbottom{border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.clockbottom>span{color:#c0d9ca;align-items:center;gap:6px;font-size:10px;display:flex}.clockbottom button{color:#254f33;background:#d5ecac;border:0;min-width:115px;padding:11px 15px;font-size:12px}.panel{background:#fff;border:1px solid #e4e8df;border-radius:12px;overflow:hidden}.balance{padding:25px}.balance .cardtop svg{color:#899b84}.balances{grid-template-columns:1fr 1fr;gap:28px;margin:30px 0 26px;display:grid}.smalllabel{color:#899388;font-size:11px}.balances h2{letter-spacing:-1px;margin:8px 0 15px;font-size:35px;font-weight:600}.balances h2 small{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;display:inline}.progress{background:#edf2e7;border-radius:4px;height:5px}.progress i{background:#779768;border-radius:4px;height:100%;display:block}.progress.medical i{background:#c8aa73}.textbtn{color:#487653;background:0 0;border:0;padding:0;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin:23px 0 28px;display:grid}.stat{background:#fff;border:1px solid #e4e8df;border-radius:10px;padding:20px}.stat>span{color:#7a887b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat svg{color:#8b9c85}.stat h2{letter-spacing:-.8px;margin:14px 0 8px;font-size:28px;font-weight:600}.stat h2 em{color:#8a968b;margin-left:5px;font:11px DM Sans,sans-serif}.stat small{font-size:9px}.amberdot{vertical-align:middle;background:#d7a65a;border-radius:50%;width:6px;height:6px;margin-left:10px;display:inline-block}.lowergrid{grid-template-columns:2.1fr 1fr;gap:22px;display:grid}.sectionhead{justify-content:space-between;align-items:center;gap:15px;padding:23px 24px;display:flex}.sectionhead p{margin-top:5px;font-size:11px}.quick{padding:23px}.quick>p{margin:4px 0 13px;font-size:11px}.quick>button{border:0;border-bottom:1px solid #eef0e9;border-radius:0;justify-content:flex-start;gap:12px;width:100%;padding:12px 0;font-size:11px}.quick>button:last-child{border:0}.quick>button>svg{color:#9ba794;margin-left:auto}.quickicon{color:#7a9468;background:#f0f4e9;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.quickicon.Claim{color:#af9362;background:#faf2e5}.quickicon.MC{color:#7898a1;background:#eef2f4}.quickicon.OT{color:#9684b1;background:#f1eff8}.tablewrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{text-transform:uppercase;letter-spacing:.8px;color:#8d988c;background:#fafbf8;border-block:1px solid #edf0e7;padding:13px 22px;font-size:9px;font-weight:500}td{border-bottom:1px solid #eff1ea;padding:17px 22px;font-size:11px}td strong{font-weight:600}td small{text-overflow:ellipsis;max-width:230px;font-size:10px;overflow:hidden}tr:last-child td{border-bottom:0}.empty{text-align:center;color:#95a28b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;padding:28px;display:flex}.empty svg{color:#859b74}.empty h3{color:#698065;font-size:14px;font-weight:500}.empty p{font-size:11px}.badge{color:#708561;background:#f1f4ed;border-radius:5px;gap:4px;padding:5px 8px;font-size:9px;display:inline-flex}.badge.pending,.badge.draft{color:#ad8951;background:#fbf4e7}.badge.rejected{color:#a36f6f;background:#fbefef}.badge.approved,.badge.issued,.badge.active{color:#3f8262;background:#edf6ed}.setup{background:#eff4e8;border:1px solid #dfe7d5;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:18px 22px;display:flex}.setup>div{color:#71905b;align-items:center;gap:13px;display:flex}.setup strong{color:#4f6942;font-size:11px}.setup small{margin-top:4px;font-size:10px}.setup button{background:0 0;border-color:#cddbbf;font-size:10px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.actions{align-items:center;gap:7px;display:flex}.toolbar button{font-size:11px}.tabs{background:#edf0e9;border:1px solid #e0e6d9;border-radius:8px;padding:3px;display:flex}.tabs button{color:#89957e;background:0 0;border:0;padding:8px 14px;font-size:11px}.tabs button.selected{color:#3d6245;background:#fff;box-shadow:0 1px 3px #24382215}.iconbtn{background:#fff;border:1px solid #e5eadd;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.mini{padding:6px 8px;font-size:10px;font-weight:500}.yes{color:#387856;background:#f1f7ed;border-color:#e6edde}.spaced{margin-top:25px}.footnote{color:#8b9587;margin:16px 0;font-size:11px;line-height:1.7}.peoplegrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.person{padding:24px}.personhead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.person p{overflow-wrap:anywhere;margin:7px 0 20px;font-size:11px}.persondetail{border-top:1px solid #edf0e7;gap:12px;margin-bottom:20px;padding-top:15px;display:grid}.persondetail span{color:#85917e;justify-content:space-between;font-size:11px;display:flex}.persondetail strong{color:#4c6450;font-weight:500}.person button{width:100%;font-size:11px}.search{max-width:300px}.settings{max-width:850px;padding:28px}.settings>p{margin:8px 0 25px;font-size:12px}.settings .sectionhead{padding:30px 0 15px}.settings form{align-items:end;gap:15px;display:flex}.settings form label{flex:1;margin:0}.settings form button{height:42px}.location{border:1px solid #e4e9dd;border-radius:8px;align-items:center;gap:13px;margin:10px 0;padding:15px;display:flex}.location strong{font-size:12px}.location button{margin-left:auto}.notice{color:#8f753d;background:#fff4e5;border:1px solid #e9d8b9;border-radius:9px;align-items:center;gap:12px;margin-bottom:20px;padding:15px 18px;font-size:12px;line-height:1.6;display:flex}.notice.neutral{color:#738064;background:#f0f4eb;border-color:#e1e7d9}.settings .notice{margin-top:26px;margin-bottom:0}footer{color:#96a08e;border-top:1px solid #e2e7da;align-items:center;gap:15px;margin-top:34px;padding:22px 0;font-size:9px;display:flex}footer button{color:#849377;background:0 0;border:0;margin-left:auto;padding:0;font-size:9px}.modalback{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#122c2266;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:92vh;padding:27px;overflow:auto;box-shadow:0 25px 100px #122c2233}.modalhead{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modalhead h2{font-size:21px}.modalhead button{border:0}.modalhead svg{width:20px}label{color:#72816c;margin-bottom:18px;font-size:11px;font-weight:500;display:block}input,select,textarea{color:#40573c;background:#fff;border:1px solid #dfe5d9;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:12px 11px;display:block}input:focus,select:focus{border-color:#7a9b62;box-shadow:0 0 0 3px #e9f1df}.formgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.formactions{border-top:1px solid #e5eadf;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:20px;display:flex}.upload{text-align:center;background:#f8faf5;border:1px dashed #b7c6aa;border-radius:9px;padding:22px}.upload svg{margin:0 auto 10px;display:block}.upload small{margin:8px 0}.upload input{padding:7px;font-size:11px}.toast{color:#fff;z-index:60;background:#203d31;border-radius:10px;align-items:center;gap:18px;max-width:90vw;padding:15px 20px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #12352b22}.toast button{color:#fff;background:0 0;border:0;padding:0}.appicon{color:#d9edb9;background:#155b48;border-radius:16px;place-items:center;width:65px;height:65px;margin:15px 0 23px;font-size:40px;display:grid}.mobileinstructions h3{font-size:21px}.mobileinstructions p{margin:12px 0 22px;font-size:12px}.mobileinstructions h4{font-size:13px}.slip{padding:10px}.slip h2{font-size:28px}.slip p{margin:15px 0}.slip hr{border:0;border-top:1px solid #e4e8dd;margin:25px 0}.sliprow{justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.sliprow.total{border-top:1px solid #dbe4d3;margin-top:15px;font-size:19px}.printslip>.primary{margin-top:25px}.noprint{display:flex}@media (width>=1600px){.content{padding-top:48px}.overviewgrid{gap:26px}.clockcard{padding:29px}.clockcard h2{font-size:57px}}@media (width<=1150px){.sidebar{width:205px;padding-inline:14px}main{margin-left:205px}.content{padding:28px 25px 0}header{padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat h2{font-size:25px}.lowergrid{grid-template-columns:1.8fr 1fr}.clockbottom{align-items:flex-start}.clockbottom>span{max-width:150px;line-height:1.6}.clockbottom button{min-width:95px}.peoplegrid{grid-template-columns:1fr 1fr}.datepill{display:none}}@media (width<=800px){.sidebar{border:0;width:100%;padding:14px 18px 0;position:static}.brand{padding:0;font-size:16px}.brandmark{width:32px;height:34px;font-size:24px}.brand small{font-size:7px}.workspace,.navlabel,.sidebottom{display:none}.sidebar nav{gap:0;padding-top:12px;display:flex;overflow:auto}nav button{white-space:nowrap;border-radius:6px 6px 0 0;gap:6px;padding:13px 12px;font-size:10px}nav button svg{width:15px}nav button b{display:none}main{margin:0}header{height:44px;padding:0 20px;font-size:10px}.headerRight .avatar{display:none}.secure{font-size:9px}.content{padding:25px 18px 0}.pagehead{margin-bottom:22px}h1{font-size:26px}.pagehead p{font-size:11px}.eyebrow{font-size:8px}.overviewgrid{grid-template-columns:1fr;gap:16px}.clockcard{padding:23px}.clockcard h2{font-size:48px}.clockbottom>span{max-width:none}.balance{padding:22px}.balances{margin:20px 0}.balances h2{margin:8px 0 14px;font-size:30px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.stat{padding:17px}.stat h2{font-size:27px}.stat small{font-size:9px}.lowergrid{grid-template-columns:1fr;gap:16px}.quick>button{padding:12px 0}.setup{flex-direction:column;align-items:flex-start;padding:18px}.setup button{margin-left:36px}.toolbar{gap:15px}.toolbar .actions{flex-wrap:wrap}.toolbar>.actions{width:100%}.tabs{max-width:100%;overflow:auto}.tabs button{padding:8px 11px}.peoplegrid{grid-template-columns:1fr}.settings{padding:20px}.settings form{display:block}.settings form button{margin-top:15px}.sectionhead{padding:20px 18px}.sectionhead p{font-size:10px}th,td{padding:13px 16px}footer{flex-wrap:wrap;line-height:1.5}footer span{display:none}.modalback{padding:12px}.modal{max-height:94vh;padding:22px}.notice{font-size:11px}.toast{width:max-content;max-width:93vw;bottom:15px}.formgrid{gap:12px}.modalhead h2{font-size:19px}input,select{font-size:16px}.clockcard p{font-size:11px}}@media print{body{background:#fff}.sidebar,main,.toast,.modalhead,.noprint{display:none!important}.modalback{background:#fff;padding:0;display:block;position:static}.modal.printslip{width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:0;padding:30px;overflow:visible}.modalback .modal:not(.printslip){display:none}}.reviewgoal{color:#7a8b71;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f1;border-radius:8px;margin:16px 0;padding:14px;font-size:12px;line-height:1.7}.spacedbutton{margin-top:14px}.badge.completed{color:#3f8262;background:#edf6ed}.badge.selfreview,.badge.managerreview{color:#9f7e49;background:#fbf4e7}.reviewdetail h4{margin:22px 0 7px;font-size:12px}.reviewdetail p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.reviewdetail>.badge{margin-top:12px}.memberlist{border:1px solid #e2e8db;border-radius:8px;max-height:190px;padding:12px;overflow:auto}.memberlist label{align-items:center;gap:10px;margin:5px 0;font-size:12px;display:flex}.memberlist input{width:16px;height:16px;margin:0}.monthfilter{align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.monthfilter input{max-width:155px;margin:0;padding:9px;font-size:12px}.overbudget{color:#ac655d!important}.sidebar{overflow-y:auto}.sidebar .sidebottom{padding-top:20px}.sidebar nav button{padding-block:11px}@media (width<=800px){.sidebar{overflow:visible}.monthfilter{font-size:10px}.toolbar .actions{max-width:100%}.monthfilter input{max-width:150px}}.brand{flex-direction:column;align-items:flex-start;gap:6px;padding:0;display:flex}.company-logo{object-fit:contain;width:100%;height:auto;display:block}.brand>small{letter-spacing:2.1px;padding-left:8px;font-size:8px}.mobile-company-logo{width:100%;max-width:400px;height:auto;margin:5px 0 22px;display:block}.payslip-company-logo{width:100%;max-width:370px;height:auto;margin:0 0 22px;display:block}@media (width<=800px){.brand{gap:2px;width:230px;max-width:80%}.brand>small{padding-left:7px;font-size:7px}}@media print{.payslip-company-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact;max-width:380px;margin-bottom:25px}}body{color:#35454c;background:#f1f2f4}.sidebar{background:#fff;border-bottom:0;width:100%;padding:14px 24px 0;display:block;position:relative;inset:auto;overflow:visible}.brand{justify-content:center;width:255px;height:63px}.company-logo{object-fit:contain;max-height:55px}.brand>small{color:#47767d;font-size:8px}.workspace,.navlabel,.sidebottom{display:none}.sidebar nav{background:#206c79;border-radius:0;flex-wrap:wrap;gap:0;margin:13px -24px 0;padding:0 16px;display:flex}nav button{color:#e4f0f3;white-space:nowrap;background:0 0;border-right:1px solid #ffffff35;border-radius:0;font-size:12px;padding:12px 15px!important}nav button.active{color:#fff;background:#154f63}nav button:hover{color:#fff;background:#2c7d87}nav button svg{width:15px}nav button b{color:#fff;background:#ef7373}main{margin-left:0}header{color:#72858c;background:0 0;border:0;height:30px;padding:0;position:absolute;top:24px;right:26px}header>span{display:none}.headerRight .avatar{color:#267381;background:#e3f0ef}.content{max-width:1700px;padding:24px 25px 0}.dashboard-pagehead{display:none}h1{letter-spacing:-.5px;font-size:27px}button.primary{background:#226e80;border-color:#226e80}button.primary:hover{background:#18566a}.textbtn{color:#246b7d}.clockcard{background:#226e80}.clockbottom button{color:#19596b;background:#e1f1f2}.dashboardbar{justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px;display:flex}.dashboardbar strong{letter-spacing:.4px;font-size:16px;font-weight:500}.dashboardbar span{color:#819099;margin-top:5px;font-size:11px;display:block}.dashboardbar button{text-transform:uppercase;border-radius:2px;font-size:11px;font-weight:500}.dashshortcuts{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:19px;display:flex}.dashshortcuts button{border-radius:3px;padding:8px 11px;font-size:11px}.dashshortcuts>span{color:#849097;margin-left:auto;font-size:10px}.chartgrid{grid-template-columns:1fr 1fr;gap:20px 27px;display:grid}.chartpanel{background:#fff;border-radius:5px;min-width:0;padding:5px 15px 14px;box-shadow:0 5px 18px #27435007}.charttools{justify-content:space-between;align-items:center;height:35px;display:flex}.charttools>div{gap:3px;margin-left:auto;display:flex}.charttools button{color:#134b80;background:0 0;border:0;padding:5px}.charttools select{color:#5f6b71;background:#f0f1f2;border:1px solid #d9dfe2;border-radius:0;width:170px;margin:0;padding:6px;font-size:11px}.chartpanel h3{text-align:center;letter-spacing:0;color:#56636b;margin:7px 0 6px;font-family:DM Sans,Arial,sans-serif;font-size:12px;font-weight:500}.chartcanvas{width:100%;height:268px}.dashboardnotes{background:#e9eef0;border-left:3px solid #73a4ae;margin-top:23px;padding:16px 20px;font-size:11px}.dashboardnotes strong{font-weight:600}.dashboardnotes p{color:#72818a;margin-top:6px;font-size:11px}.chart-expanded{background:#fff;border-radius:8px;width:min(1050px,96vw);padding:25px}.chart-expanded h2{font-size:18px}.expandedcanvas{height:50vh;min-height:240px}.chart-expanded>.button{margin-top:12px}footer{color:#6c848c;border-color:#dbe1e4}footer>span{color:#83949c}.stat,.panel{border-color:#e0e6e8}.badge{border-radius:3px}@media (width<=800px){.sidebar{padding:10px 15px 0}.brand{width:205px;max-width:65%;height:54px}.sidebar nav{flex-wrap:nowrap;margin:10px -15px 0;padding:0 7px;overflow:auto}nav button{gap:5px;font-size:10px;padding:11px 10px!important}header{height:24px;padding:0;position:absolute;top:23px;right:15px}.headerRight{gap:0}.secure{font-size:8px}.content{padding:18px 14px 0}.chartgrid{grid-template-columns:1fr;gap:15px}.chartcanvas{height:230px}.dashboardbar{align-items:flex-start}.dashboardbar strong{font-size:12px}.dashboardbar span{font-size:10px}.dashboardbar button{gap:4px;padding:8px;font-size:9px}.dashshortcuts>span{width:100%;margin-top:5px;font-size:9px}.dashboardnotes{padding:13px}.chartpanel{padding:5px 8px 10px}.chartpanel h3{font-size:11px}.dashboardnotes p{font-size:10px}.chart-expanded{padding:16px}.chart-expanded h2{font-size:14px}}@media print{.sidebar,header{display:none!important}}.workdays{border:1px solid #dce5e7;flex-wrap:wrap;gap:16px;margin:20px 0;padding:14px;display:flex}.workdays legend{padding:0 6px;font-size:13px}.workdays label{align-items:center;gap:7px;margin:0;display:flex}.workdays input{accent-color:#246d78;width:16px;height:16px}.holidaylist{margin:20px 0}.holidaylist .location{justify-content:space-between}.holidaylist .location button{flex:none}.work-policy form{max-width:none;display:block}.work-policy .formgrid{margin:18px 0}.work-policy form>h3{margin-top:24px}.work-policy .notice{margin:20px 0}.work-policy form>button{margin-top:8px}.reportfilters{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px;padding:22px;display:flex}.reportfilters label{flex:1;min-width:180px}.reportfilters label input,.reportfilters label select{width:100%}.reportfilters button{margin-bottom:0}.leavebalances{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.leavebalances .panel{padding:22px}.leavebalances h2{margin:14px 0 8px;font-size:30px}.leavebalances h2 small{color:#617777;font-size:13px;font-weight:400}.leavebalances p{color:#617777;font-size:12px}.badge.cancelled{color:#64707b;background:#eef0f2}@media (width<=650px){.leavebalances{grid-template-columns:1fr}.reportfilters{grid-template-columns:1fr;display:grid}.reportfilters label{min-width:0}}.payrollmodal{max-width:760px}.payrollmodal h3{margin:22px 0 14px}.payrollpreview{background:#f1f6f6;border-radius:12px;margin:22px 0;padding:20px}.checkline{align-items:flex-start;gap:10px;margin:16px 0;line-height:1.5;display:flex}.checkline input{accent-color:#246d78;flex:none;width:18px;height:18px;margin-top:2px}.payrollmodal .footnote a{color:#196f80;text-decoration:underline}.toolbar>label{min-width:200px}.slip details{margin-top:20px;font-size:12px}.slip summary{cursor:pointer}.signout{color:#246d78;margin-right:10px;font-size:12px;text-decoration:underline}.loginpage{background:radial-gradient(at 0 0,#e0ead9,#0000 65%),#f6f7f4;place-items:center;min-height:100dvh;padding:28px;display:grid}.login-card{background:#fff;border:1px solid #dce3dc;border-radius:20px;width:100%;max-width:440px;padding:38px;box-shadow:0 20px 80px #193c3410}.login-card>img{object-fit:contain;max-width:190px;max-height:80px;margin-bottom:28px}.login-card h1{margin:8px 0 12px;font-size:27px}.login-card form{gap:18px;margin:24px 0 14px;display:grid}.login-card label{gap:8px;display:grid}.login-card input{border:1px solid #ccd8ce;border-radius:8px;width:100%;padding:12px}.login-card form button{padding:13px}.login-link{border:0;margin-bottom:20px;padding-left:0}.account-tools{z-index:50;position:fixed;bottom:10px;right:15px}.account-tools button{font-size:11px;box-shadow:0 2px 10px #0001}@media (width<=480px){.login-card{padding:24px}.account-tools{bottom:74px}}