:root{--ink:#1d3035;--muted:#7a8589;--teal:#147d70;--teal-dark:#103f3e;--teal-light:#eaf4f0;--line:#e7ebea;--background:#f7f8f9;--white:#fff;--amber:#a86d22;--radius:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74b9b0;outline-offset:3px}input,select,textarea{min-width:0;border:1px solid #dce3e0;border-radius:7px;background:white;color:var(--ink);padding:10px 12px;min-height:40px}input:hover,select:hover{border-color:#aebfb9}input:focus,select:focus{border-color:var(--teal)}input:disabled,select:disabled{background:#f5f7f6;color:#7a8589}input[type=checkbox]{accent-color:var(--teal);min-height:auto;width:15px;height:15px;margin:0;flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#3c4d50}label small{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.22;letter-spacing:-1px;margin-bottom:10px}h1,h2{font-weight:600}h2{font-size:15px;letter-spacing:-.2px;margin:0}h3{font-size:16px}p{line-height:1.65;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}.small{font-size:11px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.strong{font-weight:600}.teal-text{color:var(--teal)}.danger-text{color:#b64949}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:244px;background:#fff;border-right:1px solid var(--line);padding:28px 18px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--teal-dark);font-size:33px;font-weight:700;letter-spacing:-1.8px;padding:0 13px;line-height:1}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--teal);color:#fff;letter-spacing:0}.brand-dot{color:#44a18b}.workspace-switch{display:flex;gap:10px;align-items:center;margin:33px 0 29px;padding:12px 10px;background:#f8faf9;border:1px solid #e7edea;border-radius:9px}.workspace-switch strong{font-size:12px;font-weight:600;max-width:135px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switch small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.workspace-switch>svg{margin-left:auto;color:var(--muted)}.workspace-emblem{display:flex;align-items:center;justify-content:center;width:31px;height:33px;flex-shrink:0;border:1px solid #dae6de;background:white;border-radius:7px;color:#537567;font-size:11px;font-weight:600}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:600;color:#939d9e;padding:0 15px;margin-bottom:12px}.finance-label{margin-top:30px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;color:#748080;font-size:12px;font-weight:500;line-height:20px;margin:3px 0;transition:background .15s,color .15s}.nav-item:hover{background:#f5f9f7;color:var(--teal)}.nav-item.active{color:#187565;background:#eaf4ef;font-weight:600}.nav-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:19px;font-size:10px;background:#e6eae8;border-radius:4px;color:#697e72}.nav-item.active .nav-count{background:#d9ece1;color:#1c7057}.sidebar-bottom{margin-top:auto;padding-top:42px}.support-card{padding:17px 14px;background:#f5f8f6;border:1px solid #e9eeeb;border-radius:9px;margin:0 4px 20px}.support-card>svg{color:#6c9a85;margin-bottom:10px}.support-card strong{display:block;font-size:11px}.support-card p{font-size:11px;line-height:1.65;margin:7px 0 11px}.support-card button{padding:0;background:none;color:var(--teal);font-weight:600;font-size:10px}.account,.support-card button{display:flex;align-items:center;gap:10px;border:0}.account{width:calc(100% + 36px);margin:14px -18px 0;padding:17px 22px;border-top:1px solid var(--line);text-align:left;background:white}.account>svg{margin-left:auto;color:var(--muted)}.account strong{display:block;font-size:11px;max-width:135px;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.main-shell{margin-left:244px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:73px;flex-shrink:0;padding:0 36px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:space-between}.breadcrumb,.topbar-right{display:flex;gap:16px;align-items:center}.breadcrumb{font-size:11px;color:#889294;gap:13px}.breadcrumb strong{font-weight:500;color:#425456}.topbar-right{font-size:11px;color:#84908e}.currency-label{font-size:9px;font-weight:600;letter-spacing:.7px;background:#f1f4f2;border:1px solid #e4e9e5;border-radius:4px;padding:5px 7px;color:#5b6e64}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#798989;min-width:30px;min-height:30px;border-radius:5px;padding:5px}.icon-button:hover{background:#edf4f0;color:var(--teal)}.mobile-menu{display:none}.preview-banner{padding:9px 36px;background:#edf4ef;color:#6c8174;display:flex;align-items:center;gap:8px;font-size:10px;border-bottom:1px solid #e2ebe4}.preview-banner .preview-detail{margin-left:7px;color:#8a988c}.preview-banner a{margin-left:auto;display:flex;align-items:center;gap:6px;color:#507663}.status-dot{width:5px;height:5px;background:#7ca685;border-radius:50%}.page-content{padding:36px;max-width:1650px;width:100%;margin:0 auto;flex:1 1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:1px 0 29px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#93a09e;margin-bottom:13px}.page-heading p{font-size:12px;margin:0;color:#899290}.heading-actions{display:flex;align-items:center;gap:9px;margin-bottom:3px;flex-shrink:0}.button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 15px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.3;transition:background .15s}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.button.primary:hover:not(:disabled){background:#106759}.button.secondary{background:#fff;border-color:#e0e6e3;color:#536260;box-shadow:0 1px 1px #182c1610}.button.secondary:hover:not(:disabled){background:#f2f7f4}.small-button{min-height:32px;font-size:10px;padding:8px 12px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--teal);background:none;border:0;padding:0}.text-link:hover{color:#0b5144;text-decoration:underline}.inline-actions{display:flex;align-items:center;gap:17px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px 16px;transition:transform .15s,box-shadow .15s}.metric:hover{transform:translateY(-2px);box-shadow:0 4px 15px #163c2310}.metric-top{justify-content:space-between;gap:5px;font-size:11px;color:#7b8785}.metric-icon,.metric-top{display:flex;align-items:center}.metric-icon{height:31px;width:31px;justify-content:center;border-radius:8px}.metric-icon.teal{background:#edf7f0;color:#5c9271}.metric-icon.blue{background:#edf3fc;color:#6e92c3}.metric-icon.orange{background:#fff5e9;color:#b99c67}.metric-icon.purple{background:#f2eff9;color:#8c80ab}.metric-value{font-size:28px;font-weight:600;letter-spacing:-.8px;margin-top:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px;color:#9aa29e;font-size:9px;line-height:1.4}.metric-foot svg{flex-shrink:0;color:#9eaea6}.setup-callout{gap:14px;background:#fffaf0;border:1px solid #f1e8d4;border-radius:9px;padding:15px 18px;margin-bottom:25px}.callout-icon,.setup-callout{display:flex;align-items:center}.callout-icon{color:#b99a52;justify-content:center;background:#f8efdc;width:35px;height:35px;border-radius:8px;flex-shrink:0}.setup-callout strong{font-size:11px;font-weight:600;color:#6f6244}.setup-callout p{font-size:10px;color:#a2967e;margin:5px 0 0}.setup-callout>a{margin-left:auto;display:flex;align-items:center;gap:13px;color:#9b7d3b;font-size:10px;font-weight:600;white-space:nowrap}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:23px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 23px 20px}.panel-heading p{font-size:10px;color:#97a09e;margin:7px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.dashboard-grid>.panel{margin-bottom:0}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;margin-top:24px}.attendance-chart{height:190px;display:flex;padding:18px 27px 0 22px;gap:12px;position:relative}.chart-labels{display:flex;flex-direction:column;justify-content:space-between;width:12px;padding-bottom:43px;color:#a6aeaa;font-size:9px}.chart-bars{display:flex;flex:1 1;gap:19px;border-top:1px dashed #edf1ee;position:relative}.chart-bars:before{content:"";position:absolute;top:50%;width:100%;border-bottom:1px dashed #edf1ee}.chart-column{flex:1 1;text-align:center;z-index:1;align-items:center;font-size:9px;min-width:0}.bar-track,.chart-column{display:flex;flex-direction:column}.bar-track{width:100%;max-width:38px;justify-content:flex-end;flex:1 1;min-height:0;margin-bottom:12px;border-bottom:1px solid #e5ece7}.bar{background:#cfe7da;border-radius:4px 4px 0 0;min-height:2px;display:flex;justify-content:center;padding-top:7px;color:#72a083;font-size:9px;transition:height .2s}.chart-column.current .bar{background:#268575;color:#d2e6db}.chart-column.current>span{font-weight:600;color:#31715b}.chart-column>span{color:#8e9a95}.chart-column small{color:#b3bbb5;font-size:8px;margin-top:5px}.chart-legend{display:flex;justify-content:space-between;gap:15px;padding:20px 24px 23px;font-size:9px;color:#879b8e}.chart-legend>span{display:flex;align-items:center;gap:7px}.chart-legend i{width:7px;height:7px;background:#81b295;border-radius:2px}.cash-summary{background:#123f3d;color:white;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;min-height:300px}.cash-summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.icon-box{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #ffffff1f;background:#ffffff0d;border-radius:8px;color:#a5cabb}.cash-summary .badge{background:#2b5a51;color:#a7c7b7;font-weight:400;font-size:9px;padding:5px 8px}.cash-summary>p{font-size:11px;margin-bottom:8px;color:#a1b7b0}.cash-summary-value{font-size:37px;font-weight:500;letter-spacing:-1.4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.float-progress{background:#ffffff12;height:4px;border-radius:6px;margin:21px 0 16px;overflow:hidden}.float-progress>div{height:100%;background:#89bba1;border-radius:6px}.cash-summary-meta{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px;color:#98b2a7}.cash-summary-meta strong{font-weight:400;color:#c5d8ce}.cash-summary>a{margin-top:auto;border-top:1px solid #ffffff13;padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:#c9dfd2;font-size:10px;font-weight:600}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#fafbfa;color:#98a39e}th{font-size:9px;letter-spacing:.35px;text-transform:uppercase;font-weight:500;padding:12px 23px;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}td{padding:16px 23px;border-bottom:1px solid #eef1ef;font-size:11px;color:#65756e}td.number,th.number{text-align:right}td strong{font-size:11px;font-weight:500;color:#3d5048}td.strong{font-weight:600}tr:last-child>td{border-bottom:0}tbody tr:hover{background:#fcfdfc}.person{display:flex;align-items:center;gap:10px}.person small{display:block;font-size:9px;color:#9ba49e;margin-top:5px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#eef2e8;color:#8a9672;font-size:10px;font-weight:600;flex-shrink:0}tbody tr:nth-child(2n) .avatar{background:#eaf1f5;color:#7597a6}tbody tr:nth-child(3n) .avatar{background:#f5eeeb;color:#bc9686}.account-avatar{background:#e9eee9;font-size:9px;width:31px;height:31px;color:#79947c}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.3;padding:4px 7px;border-radius:4px;background:#f1f4f2;color:#809088;white-space:nowrap;text-transform:capitalize;font-weight:500}.badge.green{background:#edf6ef;color:#619474}.badge.amber{background:#fbf3e4;color:#ac8748}.badge.red{background:#fbeceb;color:#b46363}.panel-bottom-link{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;font-size:10px;color:#7f9e8b;border-top:1px solid #edf1ed}.expense-list{padding:0 23px}.expense-item{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #edf1ed}.expense-item:last-child{border:0}.expense-icon,.transaction-icon{display:flex;align-items:center;justify-content:center;width:32px;height:34px;flex-shrink:0;border:1px solid #e9eee8;border-radius:7px;background:#f7f9f6;color:#97ad92}.expense-item strong{font-size:10px;font-weight:500}.expense-item small{display:block;font-size:9px;color:#a6afa7;margin-top:5px}.expense-item small span{margin:0 4px}.expense-item>strong{margin-left:auto;color:#627663}.receipt-note{display:flex;align-items:center;gap:7px;background:#f8faf7;color:#9ba895;font-size:9px;padding:12px;margin:8px 23px 15px;border-radius:6px}.subtle-icon{color:#b5c0b8}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:21px 36px 27px;color:#a2aaa5;font-size:9px;gap:20px}.footer-divider{margin:0 8px;color:#bdc5bf}.table-toolbar{padding:0 23px 20px;display:flex;gap:15px;justify-content:space-between}.search-input{position:relative;display:flex;flex-direction:row;align-items:center;min-width:200px;width:340px;gap:0;font-weight:400}.search-input>svg{position:absolute;left:12px;color:#98a59c}.search-input>input{width:100%;padding-left:38px;font-size:11px;background:#fcfdfb}.table-toolbar>select{font-size:11px;min-height:37px}.table-footer{border-top:1px solid var(--line);padding:15px 23px;font-size:10px;color:#97a49a;display:flex;justify-content:space-between;gap:15px}.empty{text-align:center;padding:43px 24px 48px}.empty h3{font-size:15px;color:#5c7365;margin-bottom:9px}.empty p{font-size:12px;max-width:410px;margin:0 auto 18px;color:#98a49a}.empty .button{margin-top:5px}.modal{padding:0;border:1px solid #e4ebe4;border-radius:14px;box-shadow:0 25px 100px #102f2826;width:min(690px,calc(100vw - 32px));max-height:90dvh;background:white;color:var(--ink)}.modal::backdrop{background:#172f2c60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-heading h2{font-size:19px;letter-spacing:-.4px}.modal-heading p{font-size:11px;margin:8px 0 0}.modal-body{padding:25px 27px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px;margin-bottom:20px}.form-grid:last-child{margin-bottom:0}.full-width{grid-column:1/-1}.form-section-label{font-size:9px;letter-spacing:1.5px;color:#91a08e;margin-bottom:19px;padding-bottom:10px;border-bottom:1px solid #eaf0e7}.form-section-label:not(:first-child){margin-top:30px}.form-footer{display:flex;justify-content:flex-end;gap:9px;padding:18px 27px;border-top:1px solid var(--line);background:#fbfdfb}.wage-history{margin-top:25px;background:#f8faf6;padding:16px;border-radius:8px;font-size:11px}.wage-history strong{font-weight:500}.wage-history>div{display:flex;justify-content:space-between;padding:10px 0 0;color:#85987f;font-size:10px}.toast{position:fixed;z-index:100;bottom:25px;right:25px;display:flex;gap:17px;align-items:center;max-width:min(600px,calc(100vw - 40px));background:#1b5e4b;color:white;border:1px solid #438775;box-shadow:0 8px 35px #19382b25;border-radius:9px;padding:16px 17px;font-size:12px;line-height:1.6}.toast-error{background:#854744;border-color:#a6615d}.toast button{border:0;background:none;color:inherit;display:flex;align-items:center;padding:4px}.notice{display:flex;align-items:flex-start;gap:12px;border-radius:8px;padding:15px 17px;font-size:11px;line-height:1.7;background:#f3f7f9;color:#5f7c89;margin:0 0 20px}.notice.warning{background:#fdf7e9;color:#9a7b3b;border:1px solid #f3e8cb}.notice.error{background:#fff0ef;color:#a45550}.notice.success{background:#eaf6ed;color:#4f8f69}.notice.info{background:#f0f5f3;color:#7e9386}.notice>svg{flex-shrink:0;margin-top:3px}.notice ul{padding-left:17px;margin:6px 0 0}.notice li{padding:2px 0}.guide p{font-size:12px}.guide strong{color:#466557}.standalone{max-width:650px;min-height:80dvh;margin:auto;padding:100px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.standalone .brand{margin-bottom:35px}.loading-bar{width:160px;height:3px;background:#c6dfd0;position:relative;overflow:hidden}.loading-bar:after{content:"";position:absolute;left:0;width:40%;height:100%;background:var(--teal);animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(150%)}}.week-picker{display:flex;align-items:center;gap:4px}.week-picker input{font-size:11px;min-height:33px;padding:7px}.attendance-status{padding:0 23px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.attendance-status p{font-size:10px;margin:0}.attendance-table{min-width:1160px}.attendance-table th{text-align:center;padding:13px 10px}.attendance-table th:first-child{text-align:left}.attendance-table th small{display:block;margin-top:6px;text-transform:none;color:#9daa9f;font-size:9px;letter-spacing:0}.attendance-table td{padding:17px 9px;vertical-align:top}.attendance-table td:first-child,.attendance-table th:first-child{min-width:200px;padding-left:23px;position:sticky;left:0;background:white;z-index:2;border-right:1px solid #eef1ed}.attendance-cell{width:116px}.attendance-cell>select{padding:7px 5px;min-height:31px;font-size:10px;width:100%;color:#758977}.attendance-quantities{display:flex;gap:5px;margin-top:9px}.attendance-quantities label{font-size:8px;color:#a2ad9e;gap:4px;font-weight:400;width:50%}.attendance-quantities input{padding:5px;min-height:27px;width:100%;font-size:10px}.today-column{background:#f5faf4}.attendance-table .person{padding-top:2px}.payroll-period{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:19px}.payroll-period>div{display:flex;align-items:center;gap:17px}.payroll-period label{font-size:10px;color:#96a091}.payroll-period input{min-height:32px;padding:7px;font-size:11px}.payroll-period strong{font-size:11px;font-weight:500}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.summary-strip>div{padding:22px;border-right:1px solid var(--line)}.summary-strip>div:last-child{border:0}.summary-strip span{color:#8b9a8a;font-size:10px;display:block}.summary-strip strong{font-size:23px;letter-spacing:-.5px;font-weight:500;display:block;margin-top:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payroll-issues{margin-bottom:24px}.cell-sub{display:block;font-size:9px;color:#a2ab9c;margin-top:5px}.payslip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payslip>h3{margin:25px 0 6px}.payslip p{font-size:11px}.payslip dl{margin:22px 0}.payslip dl>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e9eee6;font-size:12px}.payslip dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payslip dl>.payslip-net{font-size:17px;font-weight:600;color:var(--teal)}.payslip>small{color:#96a28d;font-size:9px;line-height:1.7}.cash-page-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:24px}.cash-balance-card{background:var(--teal-dark);color:#c2d9ce;padding:22px 24px}.cash-balance-card>div:first-child{display:flex;align-items:center;gap:9px;font-size:11px}.cash-balance-card .icon-box{width:29px;height:29px}.cash-balance-card>strong{display:block;font-size:34px;font-weight:500;margin:16px 0 19px;color:#fff;letter-spacing:-1px}.cash-balance-bottom{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:10px;color:#84ac98}.cash-balance-bottom .badge{background:#285b50;color:#8cbda3}.cash-stat{padding:26px 23px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.cash-stat:last-child{border:0}.cash-stat>span{color:#889c88;font-size:11px}.cash-stat>strong{font-size:27px;letter-spacing:-.6px;font-weight:500;margin:18px 0}.cash-stat>small{font-size:9px;color:#a1ad9c;line-height:1.7}.cash-stat>.text-link{font-size:9px}.transaction-icon.out{background:#f8f4ef;color:#b3a18a;border-color:#eee8df}.transaction-icon.in{background:#eff7ee;color:#82a880;border-color:#e3eedf}.reconcile-total{display:flex;align-items:center;justify-content:space-between;background:#f3f8ef;padding:16px 18px;border-radius:8px;margin-bottom:22px;color:#7b9271;font-size:12px}.reconcile-total strong{font-size:20px;font-weight:500;color:#41693e}.upload-field{border:1px dashed #c6d6bf;border-radius:8px;background:#f9fcf6;padding:20px;text-align:center;align-items:center;color:#82a170;gap:9px}.upload-field>strong{font-size:12px;font-weight:500}.upload-field input{border:0;padding:8px;background:transparent;width:100%;max-width:300px;font-size:10px}.report-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.panel-form{padding:1px 24px 25px}.panel-form>fieldset>label,.panel-form>label{margin-bottom:20px}.panel-form .form-grid,.panel-form>.button{margin-top:4px}.category-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;padding:0 24px 24px}.category-summary>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:11px;color:#8c9e85}.category-summary strong{font-weight:500;color:#4c7043}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto}.tabs button{padding:13px 17px;white-space:nowrap;display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:none;color:#95a28f;font-size:11px}.tabs button.selected{color:var(--teal);border-color:var(--teal);font-weight:600}.fixed-setting,.status-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:5px;font-size:11px;color:#99a58f;gap:15px}.fixed-setting strong{font-weight:500;color:#617656}.fixed-setting:last-of-type{margin-bottom:20px}.status-row:last-of-type{margin-bottom:22px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.group-label{display:block;margin:23px 0 12px}.checkbox-row{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0 25px}.check-label,.checkbox-row label{display:flex;align-items:center;flex-direction:row;gap:8px;font-weight:400;font-size:11px;color:#8b9c81}.check-label{align-items:flex-start;line-height:1.8}.check-label input{margin-top:3px}.source-list{padding:0 24px 15px}.source-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line);color:#88a17c}.source-list strong{font-size:11px;font-weight:500;color:#597e4b}.source-list small{display:block;font-size:9px;color:#a4af98;margin-top:7px}.invite-form{display:flex;align-items:flex-end;gap:15px;padding:0 24px 23px}.invite-form label{flex:1 1}.panel>.notice{margin:0 24px 23px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-story{background:#123f3d;color:#eaf4ec;padding:55px 70px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{color:#edf4ec;padding:0;align-self:flex-start}.login-story .brand-mark{background:#377e68}.login-story h1{font-size:49px;line-height:1.2;font-weight:400;letter-spacing:-1.8px;margin:20px 0 25px}.login-story p{max-width:370px;color:#a2bcb1;font-size:14px}.login-story .eyebrow{color:#7fa690}.login-story .login-foot{font-size:10px;margin-bottom:0;color:#87aa97}.login-form{display:flex;align-items:center;justify-content:center;padding:45px;background:#fbfcfa}.login-inner{width:100%;max-width:340px}.login-inner>svg{color:#85a779;margin-bottom:25px}.login-inner h2{font-size:27px;letter-spacing:-.8px;margin-bottom:12px}.login-inner>p{font-size:12px}.login-inner form{margin:29px 0}.login-inner form label{margin-bottom:20px}.login-inner form .button{width:100%;margin-top:25px;justify-content:space-between}.login-inner form>small{color:#9ba88f;font-size:10px}.login-inner .notice{margin-top:17px}@media (min-width:1500px){.page-content{padding:43px 45px}.topbar{padding:0 45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.metric-value{font-size:33px}.chart-bars{gap:30px}.bar-track{max-width:45px}}@media (max-width:1250px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.main-shell{margin-left:218px}.account{width:calc(100% + 26px);margin-left:-13px;margin-right:-13px}.page-content{padding:27px}.topbar{padding:0 27px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.heading-actions{align-self:flex-end;margin-top:-5px}.metric{padding:16px}.metric-value{font-size:24px}.metric-foot{font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.dashboard-lower{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.panel-heading{padding:20px}.panel-heading .text-link{font-size:9px}.dashboard-lower td,.dashboard-lower th{padding-left:17px;padding-right:17px}.cash-summary{padding:21px}.cash-summary-value{font-size:32px}.cash-page-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-stat{border-bottom:1px solid var(--line)}.cash-stat:last-child,.cash-stat:nth-child(3){border-bottom:0}.cash-balance-card{grid-row:1}.support-card{padding:14px 10px}.summary-strip strong{font-size:20px}.summary-strip>div{padding:18px}.chart-bars{gap:12px}}@media (max-width:1024px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:29px}.metric-foot{font-size:10px}.dashboard-grid,.dashboard-lower{grid-template-columns:1fr}.cash-summary{min-height:270px}.dashboard-grid>.panel{min-height:300px}.dashboard-lower{margin-top:22px;gap:0}.report-grid,.settings-grid{grid-template-columns:1fr;gap:0}.preview-banner{padding-left:27px;padding-right:27px}.preview-detail{display:none}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.attendance-status{align-items:flex-start}.setup-callout{flex-wrap:wrap}.setup-callout>a{margin-left:49px}.three-col{grid-template-columns:1fr 1fr}.payroll-period>div{flex-wrap:wrap}.payroll-period strong{display:none}.login-story{padding:45px}.login-story h1{font-size:40px}}@media (max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:19;border:0;background:#16342f50}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:61px;padding:0 18px}.breadcrumb{gap:8px;font-size:10px}.topbar-right{gap:9px}.date-top{display:none}.page-content{padding:25px 18px}.page-heading{margin-bottom:23px;gap:20px}h1{font-size:26px}.page-heading p{font-size:11px;line-height:1.7}.eyebrow{font-size:8px}.heading-actions{align-self:flex-start;flex-wrap:wrap;margin:0;gap:8px}.button{font-size:10px;min-height:38px;padding:10px 12px}.overview-metrics{gap:11px}.metric{padding:15px 13px}.metric-top{font-size:10px;gap:6px}.metric-icon{width:25px;height:25px}.metric-icon svg{width:15px}.metric-value{font-size:24px;margin-top:17px}.metric-foot{font-size:8px;line-height:1.6;margin-top:10px}.metric-foot svg{width:12px}.setup-callout{padding:15px 12px;gap:10px}.setup-callout strong{font-size:10px}.setup-callout p{font-size:9px}.setup-callout>a{margin-left:43px;font-size:9px}.callout-icon{width:31px;height:31px}.preview-banner{font-size:9px;padding:8px 18px}.preview-banner a{font-size:8px}.panel-heading{padding:20px 17px;align-items:flex-start;flex-wrap:wrap}.panel-heading h2{font-size:14px}.panel-heading p{line-height:1.7}.panel-heading .text-link{font-size:9px}.dashboard-grid{gap:18px}.chart-bars{gap:13px}.chart-legend{font-size:8px;padding:17px}.cash-summary{padding:22px;min-height:290px}.cash-summary-value{font-size:40px}.cash-summary>a{padding-top:17px}.cash-summary-meta{font-size:11px}.table-toolbar{padding:0 17px 17px;flex-wrap:wrap;gap:10px}.search-input{width:100%;min-width:0}.table-toolbar>select{width:100%}.table-footer{font-size:9px;flex-wrap:wrap;padding:13px 17px}.table-footer>span:last-child{line-height:1.8}.app-footer{padding:19px 18px;font-size:8px;align-items:flex-start;flex-direction:column;gap:8px}.modal-body,.modal-heading{padding:20px}.form-footer{padding:17px 20px}.form-grid{grid-template-columns:1fr;gap:17px}.modal{max-height:92dvh}.summary-strip strong{font-size:21px}.summary-strip>div{padding:18px}.summary-strip span{font-size:9px}.payroll-period{padding:13px}.payroll-period>div{gap:8px}.payroll-period input{font-size:10px}.attendance-status{padding:0 17px 15px;flex-direction:column;gap:11px}.week-picker input{width:127px}.cash-page-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-balance-card{grid-column:1/-1}.cash-stat{padding:23px 18px;min-height:145px}.cash-stat:last-child{grid-column:1/-1}.cash-stat>strong{font-size:24px;margin:14px 0}.cash-stat>span{font-size:10px}.cash-stat .text-link{font-size:9px;line-height:1.7;white-space:normal}.cash-stat:nth-child(3){border-bottom:1px solid var(--line)}.cash-stat:nth-child(2){border-right:1px solid var(--line)}.cash-stat:nth-child(3){border-right:0}.tabs{gap:0}.tabs button{padding:12px;font-size:10px}.tabs svg{width:14px}.panel-form{padding:0 17px 23px}.three-col{grid-template-columns:1fr}.checkbox-row{gap:15px}.source-list{padding:0 17px 15px}.source-list small,.source-list strong{line-height:1.6}.category-summary{grid-template-columns:1fr;padding:0 17px 23px}.invite-form{padding:0 17px 23px;align-items:stretch;flex-direction:column}.fixed-setting,.status-row{font-size:10px}.login-layout{grid-template-columns:1fr}.login-story{padding:30px;gap:40px}.login-story h1{font-size:33px;margin:13px 0 20px}.login-story p{font-size:12px;margin-bottom:0}.login-story .login-foot{display:none}.login-story .brand{font-size:28px}.login-form{padding:35px 25px}.toast{bottom:15px;right:15px;max-width:calc(100vw - 30px);font-size:11px}.panel>.notice{margin-left:17px;margin-right:17px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body *{visibility:hidden!important}dialog{position:static;border:0;box-shadow:none;max-height:none;overflow:visible}dialog::backdrop{display:none}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute;left:0;top:0;width:100%;padding:25px;color:#000}.print-area .badge{border:1px solid #999}.payslip dl>div{page-break-inside:avoid;break-inside:avoid}body{background:white}}.receipt-collection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.receipt-collection strong{font-size:12px;font-weight:500;color:#59734e}.receipt-collection small{display:block;font-size:11px;color:#7b8c73;margin-top:7px;line-height:1.6}.cash-stat>small,.cell-sub,.expense-item small,.metric-foot,.page-heading p,.panel-heading p,.person small,.table-footer{color:#748077}.expense-item small,.metric-foot,.panel-heading p,.table-footer{font-size:10px}@media (max-width:760px){.receipt-collection{align-items:flex-start;flex-direction:column;gap:12px}}.employee-id-panel{border:1px solid var(--line);border-radius:9px;padding:18px;margin:0 0 25px;background:#fbfcfa}.employee-id-heading{display:flex;align-items:flex-start;gap:10px;color:var(--teal)}.employee-id-heading strong{font-size:13px;color:var(--ink);font-weight:600}.employee-id-heading p{font-size:11px;margin:5px 0 15px}.employee-id-document{display:flex;align-items:center;gap:18px;margin:3px 0 17px}.id-thumbnail{width:180px;flex-shrink:0;border:1px solid #dce5dd;border-radius:8px;padding:7px;background:white;overflow:hidden;color:var(--teal)}.id-thumbnail img{display:block;width:100%;height:108px;object-fit:contain;background:#f2f4f0}.id-thumbnail>span{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;padding:9px 2px 2px}.employee-id-meta{min-width:0;display:flex;flex-direction:column;gap:8px}.employee-id-meta strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.employee-id-meta small{font-size:10px;color:var(--muted);line-height:1.6}.id-upload{display:inline-flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;border:1px solid #dce5dd;border-radius:7px;padding:10px 13px;background:white;color:var(--teal);font-size:11px}.id-upload:has(+input:focus-visible){outline:3px solid #74b9b0;outline-offset:3px}.id-upload.upload-disabled{opacity:.5;cursor:wait}.id-upload-help{margin:10px 0 0}.id-upload-error{font-size:12px;color:#a45550;margin:13px 0 0}.id-lightbox{width:min(1080px,calc(100vw - 30px));max-height:92dvh}.id-lightbox .modal-heading{align-items:center}.id-enlarged-scroll{overflow:auto;max-height:74dvh;padding:15px;background:#f1f3ef}.id-enlarged-scroll img{display:block;max-width:none;object-fit:contain;height:auto}@media (max-width:760px){.employee-id-document{align-items:flex-start;flex-direction:column;gap:12px}.id-lightbox .modal-heading{flex-wrap:wrap;gap:12px}.id-lightbox .modal-heading p{font-size:10px}.id-enlarged-scroll{padding:8px}}