:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a2636;background:#f0f4f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f0f4f8;min-height:100vh;margin:0}button,input,select{font:inherit}.shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.hero{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#1e6fcf;font-size:.8rem;font-weight:600}.hero h1{color:#0f1e30;margin:8px 0 10px;font-size:clamp(1.8rem,3vw,2.8rem)}.subtext{color:#5a7291;max-width:650px}.grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.card{background:#fff;border:1px solid #dde5ef;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000012}.card-title{color:#1a2636;align-items:center;gap:10px;margin-bottom:16px;display:flex}form{gap:12px;display:grid}label{color:#2e4160;gap:6px;font-size:.95rem;font-weight:500;display:grid}input,select{color:#1a2636;background:#f7fafd;border:1px solid #c8d6e5;border-radius:10px;padding:10px 12px}input:focus,select:focus{border-color:#2d8cff;outline:none;box-shadow:0 0 0 3px #2d8cff26}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d8cff,#1660c8);border:none;border-radius:12px;padding:12px 16px;font-weight:600}button:disabled{opacity:.7;cursor:not-allowed}button.secondary{color:#1660c8;background:#fff;border:1.5px solid #2d8cff}button.secondary:hover{background:#f0f7ff}.estimate-table-wrapper{overflow-x:auto}.estimate-table{border-collapse:collapse;width:100%;font-size:.95rem}.estimate-table th{text-align:right;color:#1e6fcf;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #dde5ef;padding:8px 12px;font-size:.82rem;font-weight:600}.estimate-table th:first-child{text-align:left}.estimate-table td{text-align:right;color:#2e4160;border-bottom:1px solid #eef2f7;padding:8px 12px}.estimate-table .row-label{text-align:left;color:#1a2636;font-weight:600}.estimate-table tfoot .total-row td{color:#1e6fcf;border-top:2px solid #c8d6e5;border-bottom:none;font-weight:700}.breakdown{color:#5a7291;gap:4px;margin-top:16px;font-size:.9rem;display:grid}.breakdown p{margin:0}.breakdown strong{color:#1a2636}.empty-state{text-align:center;color:#8aa4bf;place-items:center;min-height:240px;display:grid}.error{color:#c0392b}.result-actions{gap:10px;margin-top:16px;display:flex}@media (width<=900px){.grid,.inline-fields{grid-template-columns:1fr}}.payslip-modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payslip-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000038}.payslip-modal-header{border-bottom:1px solid #dde5ef;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.payslip-modal-header h3{color:#1a2636;margin:0;font-size:1rem}.payslip-modal-header button{cursor:pointer;color:#5a7291;background:0 0;border:none;padding:4px}.payslip-body{color:#2e4160;padding:24px;font-size:.9rem}.payslip-company{text-align:center;margin-bottom:20px}.payslip-company h2{color:#0f1e30;margin:0 0 4px;font-size:1.1rem}.payslip-company p{color:#5a7291;margin:0;font-size:.85rem}.payslip-divider{border:none;border-top:1px solid #dde5ef;margin:16px 0}.payslip-meta{grid-template-columns:1fr 1fr;gap:8px 24px;margin-bottom:16px;display:grid}.payslip-meta-item{flex-direction:column;gap:2px;display:flex}.payslip-meta-item span:first-child{text-transform:uppercase;letter-spacing:.05em;color:#8aa4bf;font-size:.75rem}.payslip-meta-item span:last-child{color:#1a2636;font-weight:600}.payslip-table{border-collapse:collapse;width:100%;margin-bottom:16px}.payslip-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#8aa4bf;border-bottom:1px solid #dde5ef;padding:6px 10px;font-size:.78rem}.payslip-table th:not(:first-child){text-align:right}.payslip-table td{color:#2e4160;border-bottom:1px solid #f0f4f8;padding:7px 10px}.payslip-table td:not(:first-child){text-align:right}.payslip-table .ps-section{color:#1e6fcf;text-transform:uppercase;letter-spacing:.04em;background:#f7fafd;font-size:.8rem;font-weight:700}.payslip-table .ps-total td{color:#1e6fcf;border-top:2px solid #c8d6e5;border-bottom:none;font-weight:700}.payslip-summary{background:#f0f7ff;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;display:grid}.payslip-summary-item{justify-content:space-between;align-items:baseline;display:flex}.payslip-summary-item span:first-child{color:#5a7291;font-size:.85rem}.payslip-summary-item span:last-child{color:#1a2636;font-weight:600}.payslip-summary-item.highlight span{color:#1660c8;font-size:1rem;font-weight:700}.payslip-footer-note{color:#8aa4bf;text-align:center;margin-top:16px;font-size:.78rem}.payslip-print-btn{width:100%;margin-top:4px}