.statement-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(90px,.7fr) repeat(2,minmax(140px,1fr)) auto;gap:14px;align-items:end;background:var(--white,#fff);border:1px solid #dce6ed;border-radius:16px;padding:18px;margin-bottom:18px}.statement-filters .field{margin:0}.statement-filters input,.statement-filters select{min-width:0;width:100%;min-height:40px}.statement-filters [role=alert]{grid-column:1/-1;margin:0;color:#ad4f5f;font-size:12px}.statement-filters [role=alert]:empty{display:none}.statement-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.statement-tabs button{font:inherit;font-size:12px;font-weight:650;padding:10px 16px;background:#fff;border:1px solid #d1e0e8;border-radius:10px;color:#4c7189;cursor:pointer}.statement-tabs button.active{background:#376c96;color:#fff;border-color:#376c96}.statement-paper{background:#fff;color:#193249;border:1px solid #dce6ed;border-radius:20px;box-shadow:0 8px 32px #19324908;padding:30px;overflow:hidden}.statement-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid #4c7189;padding-bottom:22px;margin-bottom:22px}.statement-company{display:flex;align-items:center;gap:17px;min-width:0}.statement-company img{width:120px;height:80px;object-fit:contain;flex:none;border-radius:9px}.statement-company strong{display:block;font-size:13px;line-height:1.5}.statement-company span{display:block;font-size:11px;color:#6a7d8c;line-height:1.7;overflow-wrap:anywhere}.statement-document-title{text-align:right;flex:none}.statement-document-title>span{font-size:9px;letter-spacing:.13em;font-weight:700;color:#4c7189}.statement-document-title h2{font-size:21px;color:#193249;margin:7px 0}.statement-document-title p{font-size:11px;color:#6a7d8c;margin:0}.statement-customer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:0 0 22px;border-bottom:1px solid #e2eaf0}.statement-customer small{display:block;color:#6a7d8c;font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.statement-customer strong{font-size:13px;overflow-wrap:anywhere}.statement-customer p{font-size:11px;color:#6a7d8c;line-height:1.6;margin:5px 0 0}.statement-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.statement-kpis article{padding:17px;border:1px solid #dfe9ef;border-top:3px solid #4c7189;border-radius:11px;background:#f9fbfc}.statement-kpis article:nth-child(3){border-top-color:#4b7e75}.statement-kpis article:nth-child(4){border-top-color:#a17e58}.statement-kpis small{display:block;font-size:9px;font-weight:700;color:#617988;line-height:1.5}.statement-kpis strong{display:block;margin:8px 0;font-size:21px;letter-spacing:-.4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.statement-kpis span{font-size:10px;line-height:1.5;color:#718593;display:block}.statement-section{margin-top:25px}.statement-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.statement-section h3{font-size:15px;margin:0;color:#193249}.statement-section-title>span{font-size:10px;color:#6a7d8c}.statement-table{width:100%;border-collapse:collapse;font-size:11px}.statement-table thead th{background:#edf3f6;color:#44647b;text-align:left;letter-spacing:0;text-transform:none;padding:12px 10px;white-space:nowrap;font-size:10px}.statement-table td{padding:13px 10px;border-bottom:1px solid #e4ecf1;color:#304d60;vertical-align:top;line-height:1.6}.statement-table tr:nth-child(even) td{background:#fafcfd}.statement-table td small{display:block;font-size:10px;color:#768895;max-width:330px;overflow-wrap:anywhere;line-height:1.5;margin-top:4px}.statement-table .amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.statement-table .paid{color:#3b7a65}.statement-table tfoot td{background:#edf3f6;font-weight:750;border:0}.statement-empty{text-align:center!important;padding:30px!important;color:#6a7d8c!important}.statement-tag{display:inline-block;font-size:10px;line-height:1.4;padding:4px 8px;background:#edf3f6;border-radius:6px;color:#4c7189;white-space:nowrap}.statement-tag.late{background:#faefed;color:#a15b48}.statement-tag.paid{background:#edf6f2;color:#3b7a65}.statement-aging{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.statement-aging>div{padding:13px 10px;border:1px solid #e0e9ee;border-radius:9px;background:#f9fbfc}.statement-aging small{display:block;font-size:9px;line-height:1.5;min-height:27px;color:#6a7d8c}.statement-aging strong{font-size:13px;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.statement-aging .late{border-color:#e8cdbf;background:#fffaf6}.statement-aging .late strong{color:#a15b48}.statement-note{border-left:3px solid #a17e58;background:#fbf8f4;border-radius:5px;padding:12px 14px;font-size:11px;color:#7c654c;line-height:1.7;margin-top:16px}.statement-footer{border-top:1px solid #dce6ed;margin-top:30px;padding-top:18px;color:#718593;font-size:10px;line-height:1.7}.statement-footer strong{font-size:10px;letter-spacing:.13em;color:#4c7189}.statement-footer p{margin:8px 0}.statement-footer>span{font-size:9px}
html[data-theme=dark] .statement-paper{background:#15233a;border-color:#304765;color:#e5eef7}html[data-theme=dark] :is(.statement-document-title h2,.statement-section h3){color:#e5eef7}html[data-theme=dark] .statement-kpis article,html[data-theme=dark] .statement-aging>div{background:#1b2e43;border-color:#36516a}html[data-theme=dark] .statement-table td{color:#d1dfed;border-color:#304765}html[data-theme=dark] .statement-table tr:nth-child(even) td{background:#182a3e}html[data-theme=dark] .statement-note{background:#302b25;color:#dbc4a7}html[data-theme=dark] .statement-tabs button{background:#15233a;color:#b8cdda;border-color:#36516a}html[data-theme=dark] .statement-tabs button.active{background:#376c96;color:white}
@media(max-width:1100px){.statement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-heading{align-items:flex-start;flex-wrap:wrap}.statement-document-title{text-align:left}.statement-aging{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.statement-paper{padding:18px 14px;border-radius:15px}.statement-company{gap:12px}.statement-company img{width:86px;height:58px}.statement-company strong{font-size:11px}.statement-company span{font-size:10px}.statement-customer{grid-template-columns:minmax(0,1fr);gap:15px}.statement-kpis{gap:9px}.statement-kpis article{padding:12px}.statement-kpis strong{font-size:17px}.statement-filters{padding:14px;gap:12px}.statement-filters .field:first-child{grid-column:1/-1}.statement-filters .btn{grid-column:1/-1}.statement-aging{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-tabs{gap:7px}.statement-tabs button{flex:1 1 auto;font-size:11px;padding:10px}.statement-table{min-width:720px}.statement-paper .tablewrap{max-width:100%;overflow-x:auto}}
.statement-print{margin:0;background:white;font-family:Arial,sans-serif;font-size:11px}.statement-print .statement-paper{border:0;border-radius:0;box-shadow:none}.statement-print .tablewrap{overflow:visible}
@media print{@page{size:A4 landscape;margin:12mm}.statement-paper{border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible;background:#fff!important;color:#193249!important}.statement-heading{margin-bottom:16px;padding-bottom:15px;flex-wrap:nowrap}.statement-company img{width:95px;height:62px}.statement-document-title h2{font-size:20px}.statement-customer{grid-template-columns:2fr 1fr 1fr;gap:18px;padding-bottom:15px}.statement-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0}.statement-kpis article{padding:12px}.statement-kpis strong{font-size:19px}.statement-table{min-width:0!important;font-size:9px;table-layout:auto}.statement-table thead{display:table-header-group}.statement-table th{font-size:9px}.statement-table th,.statement-table td{padding:8px 7px}.statement-table tr{break-inside:avoid}.statement-table td small{font-size:8px;max-width:210px}.statement-aging{grid-template-columns:repeat(6,minmax(0,1fr))}.statement-footer,.statement-customer,.statement-kpis,.statement-aging,.statement-heading{break-inside:avoid}.statement-print{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}}
.statement-filters{grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) repeat(2,minmax(135px,1fr)) auto}.statement-filters>.field,.statement-filters>.btn{grid-column:auto}.statement-filters>.statement-exchange-field[hidden]{display:none}.statement-exchange-field small{font-size:10px;color:#718593;line-height:1.4}.statement-exchange-note{color:#4c7189!important;margin-top:7px!important;font-size:10px!important}.statement-original{color:#718593!important;font-size:9px!important;white-space:normal}.statement-document-title{max-width:48%}
.statement-filters:has(.statement-exchange-field:not([hidden])){grid-template-columns:repeat(12,minmax(0,1fr))}.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:first-child{grid-column:span 6}.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:nth-child(2),.statement-filters>.statement-exchange-field{grid-column:span 3}.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:nth-child(4),.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:nth-child(5){grid-column:span 5}.statement-filters:has(.statement-exchange-field:not([hidden]))>.btn{grid-column:span 2;min-width:0}
@media(max-width:1000px){.statement-filters,.statement-filters:has(.statement-exchange-field:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.statement-filters>.field,.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:nth-child(n),.statement-filters:has(.statement-exchange-field:not([hidden]))>.btn{grid-column:auto}.statement-filters>.field:first-child,.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:first-child,.statement-filters:has(.statement-exchange-field:not([hidden]))>.statement-exchange-field,.statement-filters>.btn{grid-column:1/-1}.statement-document-title{max-width:100%}}
@media(max-width:420px){.statement-filters>.field,.statement-filters:has(.statement-exchange-field:not([hidden]))>.field:nth-child(n),.statement-filters>.btn{grid-column:1/-1}}
@media print{.statement-exchange-note{color:#4c7189!important}.statement-original{font-size:8px!important}}