@font-face{font-family:SwiftSystem;src:local("Segoe UI")}*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:SwiftSystem,Inter,system-ui,-apple-system,sans-serif;background:#f5f7f4;color:#18231d;line-height:1.55}a{color:#357a20;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #357a20;background:#357a20;color:white;border-radius:7px;padding:10px 17px;font-weight:600;cursor:pointer;line-height:1.4;min-height:42px}button:hover,.button:hover{background:#2a6418;text-decoration:none}.secondary{background:white;border:1px solid #aab8ac;color:#243c2c}.secondary:hover{background:#edf3e9}.danger{background:#fff;color:#a72c2c;border-color:#bc6464}.danger:hover{background:#fff0ed}.text-button{background:transparent;border:0;color:#526359;font-weight:400;padding:8px}.text-button:hover{background:#edf3e9;color:#142d22}svg{width:20px;height:20px;flex-shrink:0}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #9eaca1;border-radius:6px;background:white;color:#18231d;min-height:44px}textarea{min-height:96px;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #357a20;outline-offset:3px}.field{display:flex;flex-direction:column;gap:7px;font-weight:500;margin-bottom:17px;min-width:0}.field small{font-weight:400;color:#5b695f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .full{grid-column:1/-1}.checkbox{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.checkbox input{width:18px;min-height:18px;margin-top:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#142d22;color:#c5d7c8;display:flex;flex-direction:column;padding:0 16px 22px;z-index:20}.brand{display:flex;align-items:center;justify-content:center;background:white;height:102px;margin:0 -16px;padding:18px 28px}.brand img{width:178px;height:auto}.workspace-label{padding:24px 8px 26px;color:#eef4eb;font-weight:500;display:flex;align-items:center;gap:9px}.brand-dot{width:7px;height:7px;background:#79c516;border-radius:50%}.nav-label{font-size:10px;letter-spacing:1.8px;color:#a1b7a5;padding:0 13px 12px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#d0ded2;padding:12px 14px;border-radius:6px;border-left:3px solid transparent}.sidebar nav a:hover{background:#244534;text-decoration:none}.sidebar nav a.selected{background:#294b36;color:#fff;border-left-color:#79c516}.sidebar-bottom{margin-top:auto;padding:30px 8px 0;font-size:12px}.sidebar-bottom a{color:#ceddce}.environment{display:flex;gap:10px;border-top:1px solid #35533e;padding-top:20px;margin-bottom:22px}.environment small{color:#a9bfad}.app-shell{margin-left:236px}.topbar{height:84px;border-bottom:1px solid #e0e6dc;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:12px}.breadcrumb{color:#59695f;font-size:13px}.breadcrumb span{padding:0 13px;color:#a5b0a6}.user-box{display:flex;align-items:center;gap:12px;font-size:13px}.user-box small{display:block;color:#637267;font-size:11px}.avatar{width:37px;height:37px;border-radius:50%;background:#edf3e8;color:#357a20;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.main{padding:34px;max-width:1520px;margin:auto;min-height:calc(100vh - 140px)}h1{font-size:29px;line-height:1.25;font-weight:600;letter-spacing:-.8px;margin:8px 0 9px}h2{font-size:17px;font-weight:600;margin:0 0 7px;letter-spacing:-.15px}h3{font-size:15px;font-weight:600}p{margin:6px 0 15px;color:#617065}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#526c56}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.page-heading p{margin-bottom:0;max-width:720px}.panel{background:white;border:1px solid #e0e7db;border-radius:9px;padding:24px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}.panel-head p{font-size:12px;margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.stat{background:#fff;border:1px solid #e0e7db;border-radius:9px;padding:21px}.stat-top{display:flex;justify-content:space-between;gap:12px;color:#617065}.stat-top svg{color:#426b39}.stat-number{font-size:32px;letter-spacing:-1px;font-weight:600;margin:9px 0 7px;font-variant-numeric:tabular-nums}.stat-foot{font-size:12px;color:#657066}.welcome-banner{background:#eaf1e3;border:1px solid #d8e4ce;border-radius:9px;padding:23px 26px;display:flex;justify-content:space-between;gap:24px;align-items:center}.welcome-banner h2{font-size:18px}.welcome-banner p{margin:5px 0 0;color:#4c644e}.welcome-icon{background:#dbeacb;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#357a20;flex-shrink:0}.columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-weight:500;color:#657266;background:#f7f9f5;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid #e3e8de;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid #edf0e9;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf8}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.person{display:flex;align-items:center;gap:11px}.person small{display:block;color:#68776c}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 9px;border-radius:5px;background:#eef2eb;color:#536248;white-space:nowrap}.badge.active,.badge.approved,.badge.reconciled{background:#eaf4e5;color:#2c681e}.badge.pending,.badge.submitted{background:#fff4dc;color:#805719}.badge.archived,.badge.rejected{background:#fbece9;color:#a34434}.badge.exported{background:#e8f0f7;color:#326080}.muted{color:#667369}.notice{padding:13px 17px;border-radius:7px;background:#fff4dc;color:#75501a;border:1px solid #e8ce96;margin-bottom:22px}.notice.success{background:#edf5e7;border-color:#c8dfb7;color:#325c25}.notice.error{background:#fff0ed;border-color:#e5b3a7;color:#923422}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}.filters .field{margin:0;flex:1;min-width:150px}.filters input{min-width:160px}.empty-state{text-align:center;padding:35px 20px}.empty-state svg{height:30px;width:30px;color:#8b9a89}.empty-state h3{margin:10px 0 5px}.empty-state p{font-size:13px;max-width:430px;margin:0 auto}.list-row{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf0e9}.list-row:last-child{border:0}.list-row small{display:block;color:#6a796d;margin-top:3px}.footer{padding:17px 34px;border-top:1px solid #e4e9df;color:#71806f;font-size:11px;display:flex;justify-content:space-between;gap:12px}.menu-button{display:none}.skip-link{position:absolute;left:250px;top:-100px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:46% 54%}.auth-brand{background:#142d22;color:white;padding:58px 12%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.auth-brand img{width:220px;max-width:100%;background:white;border-radius:7px;padding:10px;margin-bottom:95px}.auth-brand .eyebrow{color:#9dca70}.auth-brand h1{font-size:46px;font-weight:500;line-height:1.17;letter-spacing:-1.8px;margin-top:20px}.auth-brand p{color:#bfd1c3;font-size:16px;max-width:300px;margin-top:18px}.auth-brand small{margin-top:auto;padding-top:90px;color:#aec4b4}.brand-lines{height:160px;width:220px;border:1px solid #35563f;border-radius:60px 0;position:absolute;bottom:100px;right:-100px;transform:rotate(-25deg)}.auth-main{display:flex;flex-direction:column;justify-content:center;padding:65px max(35px,15%);background:#fff}.auth-main h1{font-size:30px}.auth-main form{margin-top:24px}.auth-main .button-wide{width:100%;margin-top:8px}.auth-note{font-size:12px;margin-top:24px;color:#71806f}.auth-main .notice{margin-top:15px}.narrow{max-width:740px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.summary-grid small{display:block;color:#6b796d}.summary-grid strong{display:block;font-size:21px;margin-top:7px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.row-actions{display:flex;gap:10px}.row-actions button{padding:5px 10px;min-height:34px}.steps{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 24px}.steps span{padding:7px 12px;background:#eef2e9;border-radius:5px;color:#63765c;font-size:12px}.steps .current{background:#294b36;color:white}details summary{cursor:pointer;color:#357a20;font-weight:600;padding:7px 0 13px}.help{font-size:12px;color:#627267}.audit-details{max-width:480px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px}.payslip-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce5d7;padding-bottom:24px;margin-bottom:22px}.payslip-head img{width:210px}.payslip-total{font-size:24px;color:#294b36;font-weight:600}.stack{display:grid;gap:15px}.compact-form{margin-top:15px}.compact-form .field{margin-bottom:12px}.review-row{border-top:1px solid #e4e9df;padding:20px 0}.review-row:first-child{border:0}.review-row .form-grid{margin-top:14px}.review-row p{max-width:650px}.print-only{display:none}@media(min-width:1500px){.main{padding:42px 48px}}@media(max-width:1080px){.sidebar{width:210px}.app-shell{margin-left:210px}.main{padding:25px}.topbar{padding:0 25px}.columns{grid-template-columns:1fr}.stat-number{font-size:27px}.brand{padding:18px}.user-box .text-button{font-size:12px}}@media(max-width:780px){.sidebar{display:none;top:74px;width:240px;box-shadow:8px 0 30px #142d2222}.sidebar.open{display:flex}.sidebar .brand{display:none}.app-shell{margin-left:0}.topbar{height:auto;min-height:74px;padding:12px 18px}.menu-button{display:inline-flex}.breadcrumb{display:none}.main{padding:23px 18px}.stats{gap:10px}.stat{padding:16px}.stat-number{font-size:25px}.stat-top svg{display:none}.page-heading{align-items:flex-start;flex-wrap:wrap}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:24px 30px}.auth-brand img{width:180px;margin-bottom:0}.auth-brand h1,.auth-brand p,.auth-brand small,.auth-brand .eyebrow,.brand-lines{display:none}.auth-main{padding:35px 25px;min-height:70vh}.footer{padding:15px 18px}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.welcome-banner{padding:20px}.payslip-head{flex-wrap:wrap}}@media(max-width:480px){.stats{grid-template-columns:1fr}.stat{display:grid;grid-template-columns:1fr auto;align-items:center}.stat-number{grid-column:2;grid-row:1/3;margin:0}.stat-foot{grid-column:1}.stat-top{font-size:13px}.user-box{gap:8px}.user-box .avatar{display:none}h1{font-size:26px}.footer{flex-direction:column;gap:3px}.welcome-icon{display:none}.summary-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.payslip-head img{width:170px}}@media print{body{background:white}.sidebar,.topbar,.footer,.no-print,.page-heading,.notice{display:none!important}.app-shell{margin:0}.main{padding:0;min-height:auto}.panel{border:0;padding:0}.print-only{display:block}a{color:inherit}.payslip-head{margin-top:15px}}