@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";body{margin:0;min-width:360px;min-height:100vh;zoom:1.04}.attendance-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0}.attendance-fields label{display:flex;flex-direction:column;gap:5px;color:#768178;font-size:9px}.days-input{width:100%;height:28px;padding:0 7px;border:1px solid #edf0ec;border-radius:4px;background:#fff;color:#3e4a41;text-align:right;font-size:10px}.days-input:focus{border-color:#9bbca5;outline:none}.attendance-fields+.calculation-line{border-top:0}@media(max-width:620px){.attendance-fields{gap:12px}}.top-user{display:flex;align-items:center;gap:8px}.top-user-name{max-width:150px;overflow:hidden;color:#536057;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.top-user-name{display:none}}:root{font-family:DM Sans,sans-serif;color:#202923;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202923;--muted:#7f8982;--line:#e9ece7;--green:#176b4b;--green-dark:#11583e;--panel:#fff}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #81b9a0;outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;padding:25px 17px 13px;background:#fff;border-right:1px solid var(--line);z-index:3}.brand{display:flex;align-items:center;gap:10px;width:max-content;margin:1px 0 29px 8px;font:800 21px Manrope,sans-serif}.brand-light{color:#829087;font-weight:500}.brand-mark{width:27px;height:27px;display:grid;place-items:center;background:#176b4b;border-radius:8px 8px 8px 3px;transform:rotate(-5deg)}.brand-mark span{width:10px;height:13px;display:block;border:2px solid #d5f0df;border-top-color:transparent;border-radius:8px 1px;transform:rotate(5deg)}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ecefea;border-radius:8px;margin:0 0 29px}.workspace-avatar{width:30px;height:30px;display:grid;place-items:center;background:#f1e7dd;color:#805d40;border-radius:7px;font:700 13px Manrope,sans-serif}.workspace-copy,.profile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.workspace-copy strong,.profile-copy strong{font-size:12px;font-weight:700}.workspace-copy span,.profile-copy small{color:var(--muted);font-size:10px}.workspace-switcher>svg{color:#8d968e}.nav-label{padding:0 11px;color:#a0a8a2;font-size:9px;line-height:1;font-weight:700;letter-spacing:1px}.main-nav{display:grid;gap:4px;margin-top:10px}.main-nav a{height:40px;display:flex;align-items:center;gap:12px;padding:0 11px;color:#717b74;border-radius:6px;font-size:12px;font-weight:500}.main-nav a svg{color:#89928b;stroke-width:1.8}.main-nav a.active{color:var(--green-dark);background:#edf5ef;font-weight:700}.main-nav a.active svg{color:var(--green)}.nav-count{margin-left:auto;padding:3px 7px;border-radius:20px;background:#fff;color:#527562;font-size:10px}.nav-label-lower{margin-top:28px}.sidebar-bottom{margin-top:auto}.plan-card{padding:13px;border:1px solid #e8ede7;border-radius:8px;background:linear-gradient(140deg,#fcfdfb 20%,#f1f6f1)}.plan-icon{width:27px;height:27px;display:grid;place-items:center;margin-bottom:10px;border-radius:7px;background:#e6f0e8;color:#347451}.plan-card>strong{font:700 11px Manrope,sans-serif}.plan-card p{margin:5px 0 11px;color:#838d85;font-size:10px;line-height:1.5}.plan-card button{display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--green);font-size:10px;font-weight:700;cursor:pointer}.profile-button{width:100%;display:flex;align-items:center;gap:9px;margin-top:15px;padding:12px 3px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer}.profile-button>svg{color:#8c958e}.avatar{width:33px;height:33px;flex:0 0 33px;display:inline-grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.avatar-admin{color:#fff;background:#475d4e}.avatar-coral{color:#9d514a;background:#f8e4dd}.avatar-blue{color:#526690;background:#e1e8f6}.avatar-lavender{color:#76579a;background:#eee7f7}.avatar-mint{color:#39765e;background:#e0f0e6}.avatar-yellow{color:#94713f;background:#f5efd9}.avatar-peach{color:#a6604d;background:#f8e7de}.avatar-sky{color:#4b7895;background:#e0edf3}.main-area{min-height:100vh;margin-left:244px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e9ece7;background:#ffffffbf}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#929b94;font-size:11px}.breadcrumbs svg{color:#b5bcb6}.breadcrumbs strong{color:#36413a;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:17px}.period-control{height:34px;display:flex;align-items:center;gap:8px;padding:0 6px;border:1px solid #e7ebe6;border-radius:6px;background:#fff;color:#57625a;font-size:11px;font-weight:600}.period-control>svg{color:#799083}.period-control button,.pagination button{width:23px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#7c877f;cursor:pointer}.period-control button:hover,.pagination button:hover:not(:disabled){background:#f0f3ef}.icon-button{width:34px;height:34px;position:relative;display:grid;place-items:center;padding:0;border:1px solid #e7ebe6;border-radius:6px;background:#fff;color:#68746b;cursor:pointer}.notification-button i{width:6px;height:6px;position:absolute;top:7px;right:7px;border:1px solid white;border-radius:50%;background:#e28b66}.top-avatar{width:30px;height:30px;flex-basis:30px;font-size:9px}.page-content{max-width:1440px;margin:0 auto;padding:31px 42px 23px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#8b968d;font-size:9px;font-weight:700;letter-spacing:.75px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#65a37b}.eyebrow-divider{color:#c2c9c3}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;font:700 25px Manrope,sans-serif;color:#1f2a23}.wave{display:inline-block;color:#6ca17d;font-size:19px;transform:rotate(35deg)}.page-heading p,.section-header p{margin:0;color:#89938b;font-size:11px}.heading-actions{display:flex;gap:8px;padding-bottom:1px}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .16s ease,transform .16s ease}.button:active{transform:translateY(1px)}.button-secondary{border-color:#e4e9e3;background:#fff;color:#566159}.button-secondary:hover{background:#f8faf7}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.summary-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:12px;margin-bottom:28px}.summary-card{min-width:0;padding:15px 17px 13px;border:1px solid #e8ece7;border-radius:7px;background:var(--panel)}.summary-total{border-color:#dce8dd;background:linear-gradient(110deg,#fff 10%,#f7fbf7)}.summary-top{display:flex;align-items:center;justify-content:space-between;color:#77827a;font-size:10px;font-weight:500}.summary-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#eef4ed;color:#36764f}.summary-icon-lilac{background:#f0edf6;color:#75618f}.summary-icon-green{background:#e8f4ed;color:#32805a}.summary-value{margin-top:7px;color:#202a23;font:700 23px Manrope,sans-serif}.summary-value small{color:#a1aaa3;font:500 11px DM Sans,sans-serif}.summary-foot{min-height:18px;display:flex;align-items:center;gap:6px;margin-top:6px;color:#9aa39c;font-size:9px}.summary-foot strong{color:#727d74;font-weight:600}.trend-positive{display:inline-flex;align-items:center;gap:2px;color:#39865d;font-weight:700}.mini-bars{height:20px;display:flex;align-items:flex-end;gap:3px;margin-left:auto}.mini-bars i{width:4px;border-radius:2px 2px 0 0;background:#c4dec9}.mini-bars i:nth-child(1){height:7px}.mini-bars i:nth-child(2){height:11px}.mini-bars i:nth-child(3){height:8px}.mini-bars i:nth-child(4){height:14px}.mini-bars i:nth-child(5){height:11px}.mini-bars i:nth-child(6){height:17px}.mini-bars i:nth-child(7){height:20px;background:#58936b}.subtle-dot{width:5px;height:5px;border-radius:50%;background:#8a78aa}.progress-track{height:4px;overflow:hidden;margin-top:12px;border-radius:4px;background:#eef0ed}.progress-track span{height:100%;display:block;border-radius:inherit;background:#57976d;transition:width .25s ease}.progress-label{margin-top:5px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.section-title-line h2{margin:0;font:700 15px Manrope,sans-serif}.employee-count{min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border-radius:20px;background:#edf1ec;color:#6d796f;font-size:9px;font-weight:700}.add-button{min-height:33px;font-size:10px}.payroll-layout{display:grid;grid-template-columns:minmax(450px,1fr) 288px;gap:13px;align-items:start}.table-panel,.payout-panel{border:1px solid #e7ebe6;border-radius:7px;background:#fff}.table-panel{min-width:0;overflow:hidden}.table-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border-bottom:1px solid #edf0ec}.search-box{width:min(250px,60%);height:31px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #e9ede8;border-radius:5px;color:#9aa39c}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#344139;font-size:10px}.search-box input::placeholder{color:#a0a8a1}.search-box button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#8a948d;cursor:pointer}.filter-select{height:31px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #e9ede8;border-radius:5px;color:#758078}.filter-select select{max-width:105px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:#616d64;font-size:10px;cursor:pointer}.filter-select>svg:last-child{color:#a4aca6}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{height:34px;background:#fbfcfa}th{padding:0 8px;color:#9aa39c;font-size:8px;font-weight:700;letter-spacing:.55px}th:first-child,td:first-child{padding-left:14px}th:nth-child(1){min-width:174px}th:nth-child(2){min-width:98px}th:nth-child(3){min-width:87px}th:nth-child(4){min-width:75px}tbody tr{height:57px;border-top:1px solid #f0f2ef;cursor:pointer;transition:background .15s ease}tbody tr:hover{background:#fbfcfa}tbody tr.selected-row{background:#f6faf6}td{padding:0 8px}.employee-cell{display:flex;align-items:center;gap:8px}.employee-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.employee-meta strong{max-width:140px;overflow:hidden;color:#303a33;font-size:10px;font-weight:600;text-overflow:ellipsis}.employee-meta small{color:#9aa39c;font-size:9px}.department-label{color:#737e75;font-size:9px}.pay-amount{color:#344038;font:600 10px Manrope,sans-serif}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:600}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-ready{background:#f7f0e5;color:#a17c42}.status-paid{background:#eaf4ed;color:#44805a}.row-more{width:24px;height:27px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#a5ada7;cursor:pointer}.empty-state{height:120px;color:#8b968e;text-align:center;font-size:11px}.table-footer{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #edf0ec;color:#9aa39c;font-size:9px}.table-footer strong{color:#59645c;font-weight:600}.pagination{display:flex;align-items:center;gap:5px}.pagination button{width:24px;height:24px;border:1px solid #ecefea}.pagination button:disabled{color:#c5cbc6;cursor:default}.pagination span{width:23px;height:23px;display:grid;place-items:center;border-radius:4px;background:#eef4ed;color:#3c7650;font-size:9px;font-weight:700}.payout-panel{padding:14px 14px 12px}.payout-head>div:first-child{display:flex;align-items:center;justify-content:space-between}.panel-overline{color:#929c94;font-size:8px;font-weight:700;letter-spacing:.8px}.more-button{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#8c968e;cursor:pointer}.payout-person{display:flex;align-items:center;gap:10px;margin-top:7px}.avatar-large{width:38px;height:38px;flex-basis:38px;font-size:11px}.payout-person h3{margin:0 0 4px;color:#303a33;font:700 12px Manrope,sans-serif}.payout-person p{margin:0;color:#8b958d;font-size:9px}.payout-person p span{padding:0 2px}.payout-period{display:flex;align-items:center;gap:6px;margin-top:14px;padding:9px 0;border-top:1px solid #eff1ee;border-bottom:1px solid #eff1ee;color:#717c73;font-size:9px}.payout-period>svg{color:#8ea192}.period-end{margin-left:auto;color:#a2aaa3;font-size:8px}.pay-inputs{padding:5px 0 3px}.pay-input-row{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#68736a;font-size:10px}.pay-input-row small{color:#a1aaa3;font-size:9px}.money-input{width:94px;height:27px;display:flex;align-items:center;gap:3px;padding:0 6px;border:1px solid #edf0ec;border-radius:4px;color:#98a29a}.money-input:focus-within{border-color:#9bbca5}.money-input input{width:100%;padding:0;border:0;outline:0;background:transparent;color:#3e4a41;text-align:right;font-size:10px;font-weight:600;-moz-appearance:textfield}.money-input input::-webkit-inner-spin-button,.money-input input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.calculation-line{min-height:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #edf0ec;color:#778178;font-size:9px}.calculation-line span{display:flex;align-items:center;gap:4px}.calculation-line svg{color:#d1856f}.calculation-line small{color:#a3aba4;font-size:8px}.calculation-line strong{color:#657067;font-size:9px;font-weight:600}.deductions-row{border-top:1px dashed #edf0ec}.net-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px;padding:11px 0 10px;border-top:1px solid #e9ede8}.net-total>span{color:#525e55;font-size:10px;font-weight:600}.net-total>strong{color:#1f3829;font:700 18px Manrope,sans-serif}.net-total small{width:100%;color:#a0a9a1;font-size:8px}.net-total small span{padding:0 2px}.payout-action{width:100%;height:34px;margin-top:3px}.button-paid{width:100%;border-color:#dceae0;background:#eef6f0;color:#34734d}.button-paid:hover{background:#e4f0e7}.payslip-link{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:4px;border:0;background:transparent;color:#647168;font-size:9px;font-weight:600;cursor:pointer}.payslip-link svg:first-child{color:#829486}.payslip-link svg:last-child{margin-left:1px;color:#a2aaa3}.page-footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px;color:#a2aaa3;font-size:9px}.page-footer span:first-child{display:flex;align-items:center;gap:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#1b271f61;animation:fade-in .16s ease-out}.modal{width:min(100%,470px);overflow:hidden;border:1px solid #e8ece7;border-radius:8px;background:#fff;box-shadow:0 18px 70px #18281d33;animation:rise-in .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #edf0ec}.modal-kicker{display:block;margin-bottom:5px;color:#89958c;font-size:8px;font-weight:700;letter-spacing:.9px}.modal-header h2{margin:0;font:700 17px Manrope,sans-serif}.payslip-paper{margin:18px 23px 16px;padding:20px 22px 16px;border:1px solid #e9ede8;background:#fff}.slip-brand{display:flex;align-items:center;gap:7px;font:800 15px Manrope,sans-serif}.slip-brand .brand-mark{width:21px;height:21px;border-radius:6px 6px 6px 2px}.slip-brand .brand-mark span{width:8px;height:10px}.slip-brand>strong>span{color:#829087;font-weight:500}.slip-brand>small{margin-left:auto;color:#89958c;font:700 8px DM Sans,sans-serif;letter-spacing:.8px}.slip-rule{height:1px;margin:15px 0;background:#e9ede8}.slip-identity{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.slip-identity>div{display:flex;flex-direction:column;gap:4px}.slip-identity span,.slip-total>span{color:#929c94;font-size:8px;font-weight:700;letter-spacing:.6px}.slip-identity strong{color:#303a33;font-size:10px}.slip-identity small{color:#8e9890;font-size:8px}.slip-detail{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f0f2ef;color:#6f7a71;font-size:9px}.slip-detail strong{color:#3f4b42;font-size:9px;font-weight:600}.slip-deduction strong{color:#7d6c65}.slip-total{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:11px 10px;background:#f1f6f1}.slip-total strong{color:#1f5738;font:700 17px Manrope,sans-serif}.slip-note{margin:13px 0 0;color:#9aa39b;font-size:8px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 23px 19px}.add-modal{width:min(100%,440px)}.employee-form{display:grid;gap:14px;padding:20px}.employee-form label{display:grid;gap:6px;color:#59655c;font-size:10px;font-weight:600}.employee-form input{width:100%;height:36px;padding:0 10px;border:1px solid #e5eae4;border-radius:5px;outline:none;color:#344139;font-size:11px;font-weight:400}.employee-form input:focus{border-color:#89b79a}.employee-form input::placeholder{color:#adb5ae}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-money{height:36px;display:flex;align-items:center;gap:5px;padding-left:10px;border:1px solid #e5eae4;border-radius:5px;color:#909a92;font-size:11px;font-weight:400}.form-money input{height:34px;padding-left:0;border:0}.employee-form .modal-actions{padding:5px 0 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1120px){.page-content,.topbar{padding-right:26px;padding-left:26px}.payroll-layout{grid-template-columns:minmax(390px,1fr) 270px;gap:10px}.sidebar{width:220px}.main-area{margin-left:220px}}@media(max-width:900px){.sidebar{width:66px;align-items:center;padding:20px 8px 11px}.brand{margin:2px 0 29px}.brand>span:last-child,.workspace-copy,.workspace-switcher>svg,.workspace-switcher,.nav-label,.main-nav a span,.sidebar-bottom{display:none}.main-nav{width:100%;margin-top:8px}.main-nav a{justify-content:center;padding:0}.main-nav a svg{width:19px;height:19px}.main-nav a.active{position:relative}.main-nav a.active:after{width:4px;height:19px;position:absolute;left:-8px;border-radius:0 3px 3px 0;background:#347a53;content:""}.main-area{margin-left:66px}.payroll-layout{grid-template-columns:1fr}.payout-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start;padding:16px}.payout-head,.payout-period,.pay-inputs,.net-total,.payout-action,.payslip-link{grid-column:span 2}.pay-inputs{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.pay-input-row,.calculation-line{min-height:40px}.deductions-row{border-top:0}}@media(max-width:620px){.topbar{height:56px;padding:0 14px}.breadcrumbs{font-size:10px;gap:6px}.topbar-actions{gap:9px}.period-control{gap:4px;padding:0 3px;font-size:9px}.period-control>svg{width:14px}.period-control button{width:19px}.notification-button{display:none}.page-content{padding:23px 14px 18px}.page-heading{display:block;margin-bottom:17px}h1{font-size:21px}.heading-actions{margin-top:15px}.heading-actions .button{flex:1}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.summary-card{padding:12px}.summary-total{grid-column:span 2}.summary-value{font-size:20px}.summary-total .summary-value{font-size:22px}.section-header{align-items:flex-start;gap:8px}.section-header p{max-width:220px;line-height:1.45}.add-button,.table-toolbar{padding:0 9px}.search-box{width:62%}.filter-select{padding:0 5px}.payroll-layout{margin:0 -1px}.payout-panel,.pay-inputs{display:block}.deductions-row{border-top:1px dashed #edf0ec}.page-footer{flex-direction:column;gap:6px}.modal-backdrop{align-items:end;padding:10px}.modal{max-height:calc(100dvh - 20px);overflow-y:auto}.payslip-paper{margin:14px 13px;padding:16px 13px 12px}.slip-identity{gap:10px}.slip-identity small{font-size:7px}.modal-actions{padding:0 13px 14px}.employee-form{padding:15px}.form-columns{grid-template-columns:1fr}}@media print{body{min-width:0;background:#fff}body *{visibility:hidden!important}.modal-backdrop,.payslip-modal,.payslip-paper,.payslip-paper *{visibility:visible!important}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;padding:0;background:#fff}.payslip-modal{width:100%;max-width:none;overflow:visible;border:0;box-shadow:none}.payslip-modal>:not(.payslip-paper){display:none!important}.payslip-paper{width:170mm;margin:15mm auto;padding:18mm;border:0}@page{margin:12mm}}.api-message{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 16px;padding:9px 11px;border:1px solid #e7ece7;border-radius:5px;background:#fff;color:#657168;font-size:10px}.api-message-error{border-color:#ecd7ce;background:#fff8f4;color:#965b45}.api-message button{padding:3px 7px;border:1px solid #e8d1c6;border-radius:4px;background:#fff;color:#965b45;font-size:9px;font-weight:700;cursor:pointer}.empty-payout{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#829087;text-align:center}.empty-payout>svg{color:#70947d}.empty-payout strong{color:#39463c;font-size:11px}.empty-payout span{color:#919a93;font-size:9px}.empty-payout .button{margin-top:4px}.more-button:hover{border-radius:4px;background:#fff0eb;color:#a65340}.directory-page .section-header,.reports-page>.section-header{margin-bottom:18px}.directory-page .section-title-line h1,.reports-page h1{margin:0;font:700 20px Manrope,sans-serif}.directory-table{overflow:hidden}.directory-total{display:flex;align-items:center;gap:6px;color:#7c887e;font-size:9px}.directory-email{color:#829087;font-size:9px}.directory-action{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:0;border-radius:4px;background:#eff5ef;color:#34734d;font-size:9px;font-weight:600;white-space:nowrap;cursor:pointer}.directory-action:hover{background:#e3efe5}.directory-table th:last-child,.directory-table td:last-child{padding-right:14px}.report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.report-table-section>.section-title-line{margin-bottom:11px}.report-table-section>.section-title-line h2{font:700 14px Manrope,sans-serif}.department-name{color:#445047;font-size:10px;font-weight:600}.report-paid-count{color:#67736a;font-size:9px}.report-share{width:100%;max-width:120px;height:5px;display:block;overflow:hidden;border-radius:4px;background:#edf0ec}.report-share i{height:100%;display:block;border-radius:inherit;background:#6a9d78}.report-table-section .table-footer{gap:12px}.report-table-section .table-footer>span:last-child{color:#849087}@media(max-width:720px){.report-cards{grid-template-columns:1fr 1fr;gap:8px}.report-cards .summary-card:last-child{grid-column:span 2}.directory-table th:nth-child(3),.directory-table td:nth-child(3){display:none}.directory-action{font-size:8px;padding:5px}}.employee-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.employee-row-actions>button:not(.directory-action),.row-action-danger{width:27px;height:27px;display:inline-grid;place-items:center;padding:0;border:1px solid #e8ece7;border-radius:4px;background:#fff;color:#748077;cursor:pointer}.employee-row-actions>button:hover{border-color:#d5e4d7;background:#f2f7f2;color:#31714a}.employee-row-actions>.row-action-danger:hover,.row-action-danger:hover{border-color:#ecd2ca;background:#fff5f0;color:#a55643}.confirm-message{margin:17px 20px;color:#68746b;font-size:12px;line-height:1.55}.button-danger{border-color:#a94b39;background:#a94b39;color:#fff}.button-danger:hover{background:#8e3d30}.confirm-modal .modal-actions{padding-top:0}.profile-button{cursor:default}.logout-button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#7d887f;cursor:pointer}.logout-button:hover{background:#f8ece8;color:#a35642}.advances-page>.section-header{margin-bottom:18px}.advances-page h1{margin:0 0 5px;font:700 20px Manrope,sans-serif}.advances-page .section-header p{margin:0;color:#89938b;font-size:11px}.advance-summary{margin-bottom:25px}.advance-list-heading{margin-bottom:11px}.advance-list-heading h2{margin:0;font:700 14px Manrope,sans-serif}.repayment-edit{display:flex;align-items:center;gap:4px}.repayment-edit>span{color:#849087;font-size:10px}.repayment-edit input{width:85px;height:27px;padding:0 6px;border:1px solid #e7ece7;border-radius:4px;color:#39453d;text-align:right;font-size:10px}.repayment-edit button{width:26px;height:26px;display:grid;place-items:center;border:1px solid #e7ece7;border-radius:4px;background:#fff;color:#667369;cursor:pointer}.repayment-edit button:hover{background:#eef5ef;color:#34734d}@media(max-width:720px){.advances-page .directory-table th:nth-child(2),.advances-page .directory-table td:nth-child(2){display:none}.advance-summary{grid-template-columns:1fr 1fr}.advance-summary .summary-card:last-child{grid-column:span 2}}.employee-form textarea,.employee-form select{width:100%;min-height:38px;padding:9px 10px;border:1px solid #e5eae4;border-radius:5px;background:#fff;color:#344139;font:inherit;font-size:11px}.employee-form textarea{resize:vertical;min-height:72px;line-height:1.45}.employee-form textarea:focus,.employee-form select:focus{border-color:#89b79a;outline:2px solid #e1efe4}.directory-contact{display:flex;min-width:150px;flex-direction:column;gap:4px;white-space:normal}.directory-contact strong{color:#647168;font-size:9px;font-weight:500;overflow-wrap:anywhere}.directory-contact small{color:#8b958d;font-size:8px;line-height:1.35}.directory-table th:nth-child(4),.directory-table td:nth-child(4){min-width:125px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);background:#f7f8f5}.auth-aside{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:38px clamp(30px,5vw,76px);background-color:#163b30;background-image:linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.035) 50%,rgba(255,255,255,.035) 75%,transparent 75%,transparent);background-size:22px 22px;color:#f6f8f4}.auth-aside .auth-brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 21px Manrope,sans-serif;text-decoration:none}.auth-aside .brand-light{color:#b8c9bf}.auth-aside .brand-mark{background:#e8f2e9}.auth-aside .brand-mark span{border-color:#317251;border-top-color:transparent}.auth-aside-copy{max-width:390px;margin:auto 0}.auth-aside-copy .auth-kicker{color:#b8d1bf;font-size:10px}.auth-aside-copy h2{max-width:370px;margin:0 0 15px;font:700 36px/1.12 Manrope,sans-serif;color:#fff}.auth-aside-copy>p:last-child{max-width:330px;margin:0;color:#d0ddd4;font-size:14px;line-height:1.65}.auth-ledger-art{width:min(100%,330px);height:126px;position:relative;margin:0 0 30px auto;padding:22px;border:1px solid rgba(233,244,235,.24);border-radius:8px;background:#ffffff0e;transform:rotate(-2deg)}.ledger-line{height:7px;display:block;margin-bottom:12px;border-radius:5px;background:#edf6ee99}.ledger-line-wide{width:67%}.ledger-line-medium{width:44%;opacity:.62}.ledger-divider{height:1px;display:block;margin:15px 0;background:#edf6ee38}.ledger-line-short{width:28%;margin:0}.ledger-check{width:24px;height:24px;position:absolute;right:20px;bottom:17px;display:grid;place-items:center;border:1px solid rgba(201,228,206,.7);border-radius:50%;color:#d8ebd9;font-size:12px}.auth-aside-foot{margin:0;color:#b8c9bf;font-size:10px}.auth-main{min-width:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 20px}.auth-panel{width:min(100%,410px)}.auth-lock{width:38px;height:38px;display:grid;place-items:center;margin-bottom:22px;border:1px solid #dce8de;border-radius:7px;background:#edf5ef;color:#34734d}.auth-panel .auth-kicker{margin:0 0 8px;color:#718177;font-size:10px;font-weight:700}.auth-panel h1{margin:0 0 8px;color:#24342a;font:700 27px/1.2 Manrope,sans-serif}.auth-description{margin:0 0 27px;color:#78847a;font-size:13px;line-height:1.55}.auth-form{display:grid;gap:18px}.auth-form label{display:grid;gap:8px;color:#46544a;font-size:11px;font-weight:600}.auth-form input{width:100%;height:45px;padding:0 12px;border:1px solid #dfe7df;border-radius:5px;background:#fff;color:#26342b;font:400 13px DM Sans,sans-serif}.auth-form input::placeholder{color:#a3ada5}.auth-form input:focus{border-color:#72a180;outline:3px solid rgba(87,151,109,.14)}.auth-form label small{color:#8b968e;font-size:10px;font-weight:400}.auth-submit{width:100%;height:44px;margin-top:2px;font-size:12px}.auth-submit svg{margin-left:auto}.auth-error{margin:0;padding:10px;border:1px solid #f0d8cf;border-radius:4px;background:#fff8f5;color:#98553f;font-size:11px;line-height:1.4}.auth-closed{margin:17px 0 0;color:#8b958d;font-size:10px;text-align:center}.auth-footer{margin:27px 0 0;color:#929c94;font-size:10px;text-align:center}@media(max-width:760px){.auth-screen{min-height:100svh;grid-template-columns:1fr}.auth-aside{min-height:auto;padding:18px 22px 20px;background-size:18px 18px}.auth-aside .auth-brand{font-size:19px}.auth-aside-copy{margin:35px 0 0}.auth-aside-copy h2{max-width:400px;margin-bottom:7px;font-size:27px}.auth-aside-copy>p:last-child{font-size:12px}.auth-ledger-art,.auth-aside-foot{display:none}.auth-main{min-height:auto;justify-content:flex-start;padding:30px 22px 22px}.auth-panel{width:min(100%,430px)}.auth-lock{margin-bottom:16px}.auth-panel h1{font-size:24px}.auth-description{margin-bottom:21px}.auth-form{gap:15px}.auth-form input{height:43px}.auth-footer{margin-top:20px}}@media(max-width:390px){.auth-aside,.auth-main{padding-right:17px;padding-left:17px}.auth-aside-copy h2{font-size:25px}}