:root{font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:#2258aa;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1440px;margin:auto;padding:0 24px}.topbar{background:#10234b;color:#fff;box-shadow:0 2px 12px #14295722}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap}.brand{color:#fff;font-size:22px;font-weight:800}.brand span{color:#8fe5e2}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a,.account{color:#e9f1ff}.account{display:flex;align-items:center;gap:12px;font-size:13px}.account form{margin:0}.main{padding-top:32px;padding-bottom:70px}.page-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{font-size:32px;margin:3px 0 6px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:#087f8c;margin:0}.muted{color:#667085}.page-head .muted{margin:0}.panel{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:24px;box-shadow:0 6px 24px #243b5b0a;margin-bottom:20px}.panel h2{font-size:20px;margin:0 0 16px}.narrow{max-width:480px;margin:60px auto}.login h1{margin-top:8px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:7px;color:#1f2937}.stat strong{font-size:30px;color:#17356f}.stat span{color:#667085}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1756a9;background:#1756a9;color:#fff;border-radius:9px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.button:hover{text-decoration:none;background:#124688}.button.secondary{background:#fff;color:#1756a9}.button.secondary:hover{background:#edf5ff}.button.subtle{background:#f3f5f9;color:#526278;border-color:#d9e1ec}.link-button{background:none;border:0;padding:0;color:#dbe7ff;font:inherit;cursor:pointer}.actions-cell .link-button{color:#2258aa}.link-button.danger{color:#b42318}.actions,.actions-cell{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions-cell form{margin:0}.stack{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack label,.form-grid label,.inline-form label,.filter label,.config-row label,.item-row label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}.stack label small,.form-grid label small{font-weight:400}.check{flex-direction:row!important;align-items:center}.check input{width:auto}input,select,textarea{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;background:#fff;width:100%;color:#1f2937}input:focus,select:focus,textarea:focus{outline:2px solid #9ac8ff;border-color:#1756a9}.readonly{display:flex;flex-direction:column;gap:4px;padding:10px 0}.readonly span{font-weight:700;font-size:14px}.readonly small{color:#667085}.filter,.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filter label{min-width:240px}.inline-form label{min-width:120px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0f5;vertical-align:top}th{background:#f8fafc;font-size:13px;color:#526278;white-space:nowrap}td{font-size:14px}td small{font-size:12px}.empty{text-align:center;color:#667085;padding:28px}.price-cell{min-width:160px}.price-cell small{display:block;margin-top:4px}.positive{color:#087c56;font-weight:700}.negative{color:#bd2b2b;font-weight:700}.config-strip p{line-height:1.7;margin:6px 0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800}.badge.import{background:#dff7ea;color:#087c56}.badge.export{background:#fff0dc;color:#ac6200}.badge.return{background:#e6edff;color:#2851aa}.item-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;align-items:end;gap:12px;margin-bottom:12px}.item-row .button{margin-bottom:0}.section-head{margin-top:10px}.section-head h2{margin-bottom:4px}.section-head p{margin:0}.config-list{display:flex;flex-direction:column;gap:8px}.config-row{display:grid;grid-template-columns:minmax(0,1fr) 20px 64px;align-items:end;gap:8px}.config-row .button{padding:10px 8px}.alert{padding:12px 16px;border-radius:9px;margin-bottom:20px}.alert.success{background:#dff7ea;color:#096749}.alert.error{background:#ffe6e3;color:#9b2419}.pagination{display:flex;gap:14px;align-items:center;justify-content:flex-end;padding-top:18px;font-size:14px}@media(max-width:900px){.grid-two,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{padding-top:14px;padding-bottom:14px}}@media(max-width:600px){.container{padding:0 14px}.page-head,.section-head{flex-direction:column}.page-head h1{font-size:27px}.form-grid,.grid-two,.stats{grid-template-columns:1fr}.panel{padding:16px}.item-row{grid-template-columns:1fr 100px}.item-row button{grid-column:1/-1}.account{width:100%;justify-content:space-between}}
.badge.pending{background:#fff0dc;color:#ac6200}.badge.approved{background:#dff7ea;color:#087c56}
.cost-breakdown{margin:5px 0;font-size:12px;color:#526278}.cost-breakdown summary{cursor:pointer;color:#2258aa}.cost-breakdown div{display:flex;flex-direction:column;gap:3px;margin:6px 0 8px;padding:8px;background:#f8fafc;border-radius:6px}
.platform-block{border:1px solid #e3e8ef;border-radius:12px;padding:16px}.platform-block h2{margin:0 0 14px;font-size:18px}.product-table{min-width:1080px}.product-table>tbody>tr>td:nth-child(4),.product-table>tbody>tr>td:nth-child(5){min-width:280px}.platform-price{padding:10px;border:1px solid #e3e8ef;border-radius:10px;background:#fbfcfe}.platform-price strong,.platform-price b,.platform-price small{display:block;margin-bottom:5px}.platform-price b{color:#17356f}.stats .stat strong{overflow-wrap:anywhere;font-size:clamp(22px,2.3vw,30px)}
.payroll-payment-forms{display:grid;gap:12px;margin:18px 0 22px}.payroll-payment-forms .inline-form{margin:0}.payroll-payment-forms .inline-form small{align-self:center}.payment-history{margin-top:5px;font-size:12px}.payment-history summary{cursor:pointer;color:#2258aa}.payment-history ul{margin:6px 0;padding-left:17px;min-width:240px}
.guide-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.guide-nav a{padding:9px 14px;border:1px solid #d9e1ec;border-radius:99px;background:#fff;font-size:14px}.guide{line-height:1.7;scroll-margin-top:20px}.guide p{margin:0 0 16px}.guide p:last-child{margin-bottom:0}.guide-steps{padding-left:24px;margin:0 0 20px}.guide-steps li,.guide li{margin-bottom:10px}.guide-note{padding:16px 18px;border-left:4px solid #087f8c;background:#eff9fa;border-radius:0 10px 10px 0}.guide .table-wrap{margin:18px 0}.guide table caption{text-align:left;padding:0 0 12px;font-size:13px}.guide table th[scope=row]{white-space:normal;min-width:130px}.guide-fees td:nth-child(3){min-width:280px}.guide-amount{white-space:nowrap}.guide-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.guide-summary>div{padding:20px;border:1px solid #d8e4f1;background:#f5f9ff;border-radius:12px}.guide-summary span{display:block;color:#526278;font-size:14px}.guide-summary strong{display:block;color:#17356f;font-size:clamp(21px,2.1vw,30px);overflow-wrap:anywhere}.guide-summary>div:last-child{background:#effaf5;border-color:#ceeadd}.guide-summary>div:last-child strong{color:#087c56}.guide-example{min-width:640px}.guide-example td:last-child{white-space:nowrap}.guide-subtotal th,.guide-subtotal td{background:#edf5ff;font-weight:700;color:#17356f}.guide-definitions{margin:0 0 24px}.guide-definitions dt{font-weight:700;margin:18px 0 6px}.guide-definitions dd{margin:0;color:#526278}@media(max-width:600px){.guide-summary{grid-template-columns:1fr;gap:10px}.guide-summary>div{padding:16px}.guide-nav{gap:8px}.guide-nav a{font-size:13px;padding:7px 10px}}