.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.template-choice{background:#fff;border:1px solid #e0e6d9;border-radius:11px;padding:22px;display:flex;align-items:center;gap:22px;position:relative}.template-choice.selected{border-color:#92a97b;box-shadow:0 0 0 2px #e9efdf}.mini-paper{width:116px;height:146px;background:#fff;border:1px solid #e1e5dd;box-shadow:0 5px 14px #203a2010;flex-shrink:0;padding:12px}.mini-top{height:30px;background:#294638;margin:-12px -12px 12px}.mini-line{height:3px;background:#e6ebdf;margin:7px 0;width:85%}.mini-line.short{width:50%}.mini-columns{display:flex;gap:9px;margin-top:13px}.mini-columns>div{flex:1}.mini-net{margin-top:15px;background:#edf2e5;height:17px}.mini-paper.classic .mini-top{height:17px;background:white;border-bottom:2px solid #394e65}.mini-paper.classic .mini-net{border-top:1px solid #394e65;background:#f5f6f8}.template-info{flex:1}.template-info .eyebrow{font-size:9px;margin-bottom:8px}.template-info h2{font-size:17px;margin-bottom:9px}.template-info p{font-size:11px;color:#95a087;line-height:1.9;margin:0 0 15px}.template-info .actions{gap:5px}.slip-mode{padding:9px 13px;border:1px solid #dde5d3;background:#fff;color:#7c8c6b;border-radius:6px;font-size:11px}.slip-mode.selected{background:#eaf1e0;color:#426038;border-color:#b6c89e}.pay-editor{width:min(800px,calc(100% - 28px))}.pay-editor .dialog-body{padding-top:20px}.pay-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pay-group{border:1px solid #e2e8d9;border-radius:8px;overflow:hidden}.pay-group-title{background:#f4f7ef;border-bottom:1px solid #e2e8d9;padding:12px 15px;font-size:11px;letter-spacing:.8px;color:#697d57}.pay-item{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;gap:12px}.pay-item label{font-size:10px;margin:0;line-height:1.8;color:#8a957c}.pay-item label span{display:block;font-size:9px;color:#b0b7a5}.pay-item input{width:135px;min-height:34px;padding:7px 9px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.pay-item:not(:last-child){border-bottom:1px solid #f0f3ec}.pay-totals{display:flex;gap:20px;flex-wrap:wrap;background:#edf3e5;border:1px solid #dce6ce;border-radius:8px;padding:18px;margin:20px 0}.pay-totals>div{flex:1;min-width:100px}.pay-totals small{font-size:10px;color:#8b9b78}.pay-totals strong{display:block;font-size:20px;font-weight:500;margin-top:6px}.pay-totals>div:last-child strong{color:#355328}.pay-totals.error-net{background:#fcf0e9;border-color:#edceba}.manual-note{font-size:10px;line-height:1.9;color:#a0a98f;margin:18px 0}.slip-preview-dialog{width:min(960px,calc(100% - 24px));background:#e8ebe4;max-height:95vh}.slip-preview-toolbar{padding:16px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border-bottom:1px solid #dfe5d8;position:sticky;top:0;z-index:3;flex-wrap:wrap}.slip-preview-toolbar h2{font-size:13px}.slip-preview-toolbar small{font-size:9px;color:#9aa68b;margin-top:6px;display:block}.paper-wrap{padding:30px;overflow:auto}.slip-paper{width:794px;min-height:1040px;background:#fff;margin:auto;padding:46px 45px;color:#2c3c35;font-family:'DM Sans','Noto Sans SC',sans-serif;position:relative;box-shadow:0 5px 25px #2436210d;box-sizing:border-box;font-size:12px;line-height:1.5}.slip-paper h1,.slip-paper h2,.slip-paper h3,.slip-paper p{margin:0}.slip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-bottom:1px solid #dfe5dc;padding-bottom:27px}.slip-brand{max-width:65%;overflow-wrap:anywhere}.slip-brand h2{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.4px;color:#233d2f}.slip-brand p{font-size:10px;color:#879080;margin-top:9px;white-space:pre-wrap;line-height:1.8}.slip-mark{text-align:right}.slip-mark h1{font-size:26px;letter-spacing:2px;font-weight:500;color:#254533}.slip-mark span{font-size:9px;color:#9ba68d;letter-spacing:2px}.slip-ref{font-size:9px;color:#a2ab96;margin-top:12px}.slip-period{margin-top:25px;display:flex;gap:20px;align-items:center;justify-content:space-between}.slip-period .month{font-size:12px;color:#40533a;font-weight:500}.slip-period .caption{font-size:9px;color:#9aa68e;letter-spacing:1px;display:block;margin-bottom:5px}.slip-identity{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin:27px 0 29px;padding:21px 23px;background:#f5f7f0;border:1px solid #e6ebdf;border-radius:5px}.slip-identity small{font-size:9px;color:#9aa88b;display:block;margin-bottom:7px}.slip-identity strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;color:#34482b;display:block}.slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:29px}.slip-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;font-size:11px}.slip-table th{font-family:inherit;background:#2c4938;color:#fff;border:0;padding:12px 10px;font-size:9px;letter-spacing:.6px}.slip-table th:last-child,.slip-table td:last-child{text-align:right;width:102px}.slip-table td{padding:10px;border-bottom:1px solid #e9ede3;color:#6c7c60;font-size:10px;white-space:normal;line-height:1.5}.slip-table td:last-child{color:#35482c;font-variant-numeric:tabular-nums}.slip-table tbody tr:hover{background:none}.slip-subtotal{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #bdcbb1;margin-top:17px;padding:13px 10px;font-weight:500}.slip-net{display:flex;align-items:center;justify-content:space-between;background:#edf3e3;border:1px solid #dfe9d3;border-radius:5px;padding:23px;margin-top:28px}.slip-net small{display:block;font-size:9px;color:#81946e;letter-spacing:1px;margin-top:4px}.slip-net span{font-size:12px;color:#3d5930;font-weight:500}.slip-net strong{font-size:28px;font-weight:600;letter-spacing:-.7px;color:#26451e;font-variant-numeric:tabular-nums}.slip-employer{margin-top:28px;max-width:100%}.slip-employer-head{font-size:9px;color:#8f9e80;letter-spacing:1px;margin-bottom:12px}.slip-contributions{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e4eadc;border-radius:4px;background:#fafbf8}.slip-contributions>div{padding:13px 15px;border-right:1px solid #e4eadc}.slip-contributions>div:last-child{border:0}.slip-contributions small{display:block;font-size:9px;color:#96a58a;margin-bottom:5px}.slip-contributions strong{font-size:12px;font-weight:500;color:#556a45}.slip-employer-note{font-size:8px;color:#a1ad96;margin-top:8px}.slip-notes{margin-top:22px;font-size:9px;color:#89967c;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.slip-signatures{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.slip-signatures>div{border-top:1px solid #cdd7c4;padding-top:9px;font-size:9px;color:#96a28a}.slip-footer{border-top:1px solid #e6ebdf;margin-top:25px;padding-top:12px;font-size:8px;display:flex;gap:20px;justify-content:space-between;color:#aab39e}.slip-sample{font-size:10px;font-weight:500;color:#b58b56;background:#fbf4e9;border:1px solid #eddfca;padding:8px 12px;margin-bottom:20px;text-align:center;letter-spacing:1px}.slip-paper.classic{color:#26394a;padding:42px 46px}.classic .slip-head{border-bottom:3px solid #2a4056;padding-bottom:23px}.classic .slip-brand h2{color:#263c52;font-size:18px}.classic .slip-mark h1{color:#2b4057;font-size:24px;font-weight:600;letter-spacing:3px}.classic .slip-identity{background:white;border:0;border-top:1px solid #d9e0e7;border-bottom:1px solid #d9e0e7;border-radius:0;padding:19px 0;grid-template-columns:1.5fr 1fr 1fr}.classic .slip-identity strong{color:#344a60}.classic .slip-table th{background:#edf0f4;color:#3c526a;border-top:1px solid #b9c6d2;border-bottom:1px solid #c8d2dc;padding:11px 9px}.classic .slip-table td{color:#6e7b87;border-color:#e4e8ed}.classic .slip-table td:last-child{color:#374d64}.classic .slip-subtotal{color:#2e435a;border-color:#8fa3b6}.classic .slip-net{background:white;border:0;border-top:2px solid #2a4056;border-bottom:1px solid #b4c2cf;border-radius:0;padding:18px 0}.classic .slip-net strong{color:#2a4056;font-size:28px}.classic .slip-net span{color:#2a4056}.classic .slip-contributions{background:white;border-color:#dce2e9;border-radius:0}.classic .slip-contributions strong{color:#405771}.classic .slip-signatures>div{border-color:#b5c0cd;color:#8292a3}.classic .slip-footer{border-color:#dce2e8;color:#98a3b1}.classic .slip-notes{color:#8c99a6}.slip-issue{font-size:9px;color:#8d9b81;text-align:right}.slip-saved-filter{display:flex;gap:8px;align-items:center}.slip-saved-filter select{max-width:180px}.preview-context{max-width:330px}.pay-editor .dialog-foot{align-items:center}.pay-editor .dialog-foot .actions{gap:6px}.pay-help{font-size:10px;color:#8b9a7b;line-height:1.9;margin-top:14px}.pay-error{color:#ad7455;font-size:11px;line-height:1.8;margin-bottom:14px}.slip-template-label{font-size:9px;letter-spacing:.5px;color:#9aaa8b;margin-top:4px}.salary-emphasis{color:#38572c;font-weight:500;font-variant-numeric:tabular-nums}@media(max-width:1000px){.template-choice{padding:18px;gap:17px}.mini-paper{width:95px;height:134px}.template-info h2{font-size:15px}.template-info p{font-size:10px}.template-info .btn{padding:8px 10px;font-size:10px}.paper-wrap{padding:20px}}@media(max-width:700px){.template-grid{grid-template-columns:1fr;gap:13px}.template-choice{padding:18px;gap:19px}.mini-paper{width:90px;height:120px}.mini-paper .mini-net{margin-top:9px}.template-info .eyebrow{font-size:8px}.template-info p{margin-bottom:10px}.pay-money-grid{grid-template-columns:1fr;gap:17px}.pay-item input{width:145px}.pay-editor .dialog-foot{align-items:flex-start;flex-wrap:wrap}.pay-editor .dialog-foot>.actions{margin-left:auto}.pay-editor .dialog-foot .btn{font-size:10px;padding:9px 10px}.slip-preview-toolbar{padding:13px}.slip-preview-toolbar h2{font-size:12px}.slip-preview-toolbar .actions{gap:5px}.slip-preview-toolbar .btn{font-size:10px;padding:8px 10px}.paper-wrap{padding:14px;min-width:0}.slip-preview-dialog{width:calc(100% - 12px)}.slip-preview-toolbar small{font-size:8px}.slip-mode{padding:8px 9px;font-size:10px}.pay-totals{gap:12px;padding:14px}.pay-totals strong{font-size:17px}.pay-totals>div{min-width:75px}.payroll-head-actions .btn{font-size:10px}.slip-saved-filter{width:100%;justify-content:space-between}.slip-paper{width:704px;padding:36px}.slip-preview-toolbar .preview-context{max-width:200px}.panel-head.slips-panel-head{flex-wrap:wrap}}@page{size:A4 portrait;margin:12mm}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>*{display:none!important}#payslipPreview[open]{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;position:static!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}#payslipPreview .slip-preview-toolbar{display:none!important}.paper-wrap{padding:0!important;overflow:visible!important}.slip-paper,.slip-paper.classic{width:100%!important;min-height:0!important;margin:0!important;padding:5mm 2mm!important;box-shadow:none!important;border:0!important;font-size:10px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.slip-head{padding-bottom:17px}.slip-identity{margin:20px 0;padding:15px 18px}.slip-table td{padding:8px}.slip-net{margin-top:20px;padding:18px}.slip-employer{margin-top:20px}.slip-signatures{margin-top:35px}.slip-footer{margin-top:20px}.slip-paper{break-inside:avoid}.slip-paper.classic .slip-head{padding-bottom:17px}body:has(#payslipPreview[open]) #profileDialog{display:none!important}body:not(:has(#payslipPreview[open])) #profileDialog[open]{display:block!important}}