.ra-shell{--ra-line:#e4ebf1;--ra-ink:#385268;--ra-accent:#ac4352;color:var(--ra-ink);font-size:11px;padding-bottom:24px}.ra-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:linear-gradient(115deg,#fff,#fcf9fa);border:1px solid var(--ra-line);border-radius:11px;margin-bottom:14px}.ra-eyebrow{font-size:9px;letter-spacing:1.7px;color:#b0848b;font-weight:650}.ra-hero h1{font-size:23px;letter-spacing:-.5px;margin:7px 0;color:#344b5e;font-weight:650}.ra-hero p{font-size:11px;margin:0;line-height:1.8;color:#8b9baa}.ra-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ra-shell .btn,.ra-result-return .btn{min-height:31px;font-size:11px;padding:6px 12px;border-radius:7px;white-space:nowrap}.ra-shell .btn-primary{background:#af4858;border-color:#af4858;color:#fff}.ra-shell .btn-light{border:1px solid #dfe7ef;background:#fff;color:#668097}.ra-shell button:disabled{opacity:.5;cursor:wait}.ra-shell button:focus-visible,.ra-shell input:focus-visible,.ra-result-return button:focus-visible{outline:2px solid #bb8492;outline-offset:2px}.ra-kpis{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;border:1px solid var(--ra-line);border-radius:10px;background:#fff;padding:18px 0;margin-bottom:14px}.ra-kpis>div{padding:0 22px;border-right:1px solid var(--ra-line)}.ra-kpis>div:last-child{border-right:0}.ra-kpis span{display:block;color:#8d9dab;font-size:10px;margin-bottom:7px}.ra-kpis strong{font-size:23px;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.ra-kpis small{font-size:10px;margin-left:5px;color:#95a6b4}.ra-kpi-total strong,.ra-total{color:#ac4352;font-weight:600}.ra-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 12px}.ra-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#8495a6}.ra-shell input{height:32px;box-sizing:border-box;border:1px solid #dce6ee;border-radius:7px;background:#fff;font-size:11px;padding:6px 10px;color:#456077}.ra-search{width:285px}.ra-filters>span{font-size:10px;color:#9aa8b4;margin:0 0 8px auto;line-height:1.6}.ra-panel{border:1px solid var(--ra-line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 13px #203c5705}.ra-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ra-line)}.ra-panel h2{font-size:13px;font-weight:650;line-height:1.7;margin:0 0 3px;overflow-wrap:anywhere}.ra-panel h2>span{font-size:10px;font-weight:500;background:#f0f4f7;border-radius:4px;padding:2px 6px;color:#7890a1;margin-left:7px}.ra-panel header p{font-size:10px;color:#8e9eac;margin:0;line-height:1.7;overflow-wrap:anywhere}.ra-muted{color:#96a5b2;font-size:10px;white-space:nowrap}.ra-list-scroll{overflow:auto;max-height:1100px;min-height:180px}.ra-list-table{border-collapse:separate!important;border-spacing:0;width:100%;min-width:1200px}.ra-list-table th,.ra-list-table td{font-size:11px!important;white-space:nowrap;padding:11px 13px!important;border-bottom:1px solid #edf1f5!important;color:#3d5267}.ra-list-table th{position:sticky;top:0;background:#f4f7fa;color:#7b8ea1;font-size:10px!important;z-index:1;font-weight:600}.ra-list-table tbody tr[data-ra-row]{cursor:pointer}.ra-list-table tbody tr:nth-child(even) td{background:#fbfcfd}.ra-list-table tbody tr:hover td{background:#f7fafc}.ra-list-table tbody tr:focus{outline:2px solid #b88b97;outline-offset:-2px}.ra-list-table td:first-child{min-width:260px;max-width:420px}.ra-list-table td small{display:block;color:#96a4b1;font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;max-width:400px}.ra-title-link{color:#35546e;font-weight:600;border:0;background:transparent;padding:0;cursor:pointer;line-height:1.7;font-size:11px}.ra-title-link:hover{color:#b04455;text-decoration:underline}.ra-list-table .ra-number{text-align:right!important;font-variant-numeric:tabular-nums}.ra-list-table .ra-total{color:#a34754;font-weight:600}.ra-list-table .ra-date{color:#8c9caa;font-size:10px!important}.ra-row-actions button{font-size:10px;padding:3px 4px;border:0;background:transparent;color:#658098;cursor:pointer;margin-right:5px}.ra-row-actions button:hover{color:#b03949;text-decoration:underline}.ra-empty{text-align:center!important;color:#97a6b3!important;font-size:11px!important;padding:44px 20px!important;line-height:1.9}.ra-error,.ra-notice{border-radius:7px;padding:10px 13px;font-size:11px;line-height:1.8;margin:0 0 13px;overflow-wrap:anywhere}.ra-error{border:1px solid #efd7d6;background:#fff5f4;color:#b05a53}.ra-notice{background:#f0f8f4;border:1px solid #dceee4;color:#3c8570}.ra-error button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font-size:11px}.ra-panel .ra-error,.ra-panel .ra-notice{margin:12px}.ra-detail-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ra-detail-top>span{font-size:10px;color:#8d9ead}.ra-detail-top>button:last-child{margin-left:auto}.ra-sheet-tabs{display:flex;gap:3px;overflow:auto;padding:0 12px;border-bottom:1px solid var(--ra-line);background:#fcfdfe}.ra-sheet-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 15px;background:transparent;color:#8496a5;font-size:11px;white-space:nowrap;cursor:pointer}.ra-sheet-tabs button.active{border-bottom-color:#b14656;color:#ac4352;background:#fcf6f8;font-weight:600}.ra-sheet-search{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px 13px;border-bottom:1px solid var(--ra-line)}.ra-sheet-search input{width:290px;max-width:100%}.ra-sheet-search span{margin-left:auto;font-size:10px;color:#96a6b3}.ra-sheet-scroll{overflow:auto;max-height:1100px;min-height:200px;scrollbar-width:thin;scrollbar-color:#c5d3e0 #f3f6f9}.ra-sheet-table{border-collapse:separate!important;border-spacing:0;min-width:100%;width:max-content!important}.ra-sheet-table th,.ra-sheet-table td{min-width:108px;max-width:370px;padding:8px 12px!important;line-height:1.7;font-size:11px!important;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:middle;color:#3d566a;background:#fff;border-right:1px solid #dfe7ed;border-bottom:1px solid #dfe7ed!important}.ra-sheet-table thead th{position:sticky;top:0;z-index:3;background:#edf3f7;color:#899aaa;font-size:10px!important;font-weight:500;text-align:center;padding:6px 8px!important}.ra-sheet-table .ra-row-number{position:sticky;left:0;min-width:42px;width:42px;max-width:42px;box-sizing:border-box;text-align:center;background:#f1f5f8;color:#99a6b3;z-index:2;padding:6px!important;font-size:10px!important;font-weight:500}.ra-sheet-table thead .ra-row-number{z-index:4;background:#e8eff5}.ra-sheet-table .ra-merged{background:#f7fafc;text-align:center;font-weight:600}.ra-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:11px 14px;border-top:1px solid var(--ra-line);font-size:10px;color:#879cae}.ra-pager>span:first-child{margin-right:auto}.ra-pager .btn{padding:5px 9px;min-height:27px;font-size:10px}.ra-invoices{margin-top:16px}.ra-invoice-scroll{overflow:auto;max-height:450px}.ra-invoices .ra-list-table{min-width:680px}.ra-invoices .ra-empty{padding:26px!important}.ra-result-return{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ra-result-return span{font-size:11px;color:#8a9dab}.ra-preview-overlay{position:fixed;inset:0;z-index:12200;display:flex;justify-content:center;align-items:center;padding:25px;background:#182a4066;backdrop-filter:blur(3px)}.ra-preview{width:min(1080px,95vw);height:90vh;display:flex;flex-direction:column;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 22px 90px #10233645}.ra-preview>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e0e8ef;gap:12px;font-size:12px;color:#456178}.ra-preview>header strong{overflow-wrap:anywhere;font-weight:600}.ra-preview>header button{border:0;background:transparent;font-size:24px;color:#8ba0b0;cursor:pointer}.ra-preview-body{overflow:auto;flex:1;min-height:0;background:#f2f6f9;padding:12px}.ra-preview-body iframe{border:0;width:100%;height:100%;background:#fff}.ra-preview-body img{display:block;max-width:100%;height:auto;margin:auto}.ra-preview-body .ra-error{margin:12px}
@media(max-width:1050px){.ra-hero{align-items:flex-start;flex-wrap:wrap}.ra-kpis>div{padding:0 14px}.ra-kpis strong{font-size:19px}.ra-filters>span{width:100%;margin:2px 0 0}.ra-detail-top{flex-wrap:wrap}.ra-detail-top>span{order:3;width:100%}.ra-sheet-search span{width:100%;margin-left:0}}
.ra-metadata{width:min(560px,94vw);background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 22px 90px #10233645;color:#456178;font-size:11px}.ra-metadata>header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #e0e8ef}.ra-metadata h2{font-size:18px;font-weight:650;margin:6px 0 0}.ra-metadata>header button{background:transparent;border:0;font-size:24px;color:#8ba0b0;cursor:pointer}.ra-metadata-body{padding:16px 21px 22px}.ra-metadata-body p{line-height:1.8;color:#8b9daa;overflow-wrap:anywhere;margin:0 0 17px}.ra-metadata label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#728b9e;font-size:11px}.ra-metadata select,.ra-metadata input{height:35px;border:1px solid #dce6ee;border-radius:7px;padding:6px 10px;color:#456178;background:#fff;font-size:12px;box-sizing:border-box;min-width:0}.ra-period-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ra-metadata small{display:block;color:#91a2b0;font-size:10px;line-height:1.8}.ra-metadata .ra-error{margin:13px 0 0}.ra-metadata footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 21px;background:#fbfdfe;border-top:1px solid #e0e8ef}.ra-metadata .btn{min-height:32px;font-size:11px;border-radius:7px;padding:6px 13px}.ra-metadata .btn-primary{background:#af4858;border:1px solid #af4858;color:white}.ra-metadata .btn-light{background:white;border:1px solid #dfe7ef;color:#668097}.ra-metadata button:disabled{opacity:.5;cursor:wait}
@media(max-width:680px){.ra-hero{padding:16px}.ra-hero h1{font-size:21px}.ra-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 0}.ra-kpis>div:nth-child(even){border-right:0}.ra-kpis strong{font-size:18px}.ra-search{width:210px;flex:1}.ra-panel>header{flex-wrap:wrap}.ra-pager{flex-wrap:wrap}.ra-pager>span:first-child{width:100%}.ra-preview-overlay{padding:10px}.ra-preview{height:94vh;width:100%}.ra-result-return{align-items:flex-start;flex-direction:column}}

.ra-view-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:5px;background:#fff;border:1px solid #e4ebf1;border-radius:9px}.ra-view-tabs button{min-height:36px;padding:8px 22px;background:transparent;border:1px solid transparent;border-radius:6px;color:#71869a;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.ra-view-tabs button:hover{background:#f6f8fb;color:#385268}.ra-view-tabs button.active{background:#f8edf0;border-color:#efd8df;color:#a43f51}.ra-view-tabs button:focus-visible{outline:2px solid #bb8492;outline-offset:2px}.ra-view-tabs>span{font-size:11px;color:#8b9baa;margin-left:13px;padding:4px 8px}.ra-result-switch{margin-bottom:0}@media(max-width:680px){.ra-view-tabs>span{width:100%;margin-left:0}.ra-view-tabs button{flex:1}}
.ra-invoice-status{display:inline-block;border-radius:5px;padding:3px 7px;font-size:10px;white-space:nowrap;background:#f3f5f8;color:#8798a7}.ra-invoice-status.is-matched{background:#edf8f2;color:#3b8063}.ra-invoice-status.is-mismatch{background:#fff0ef;color:#b25b51}.ra-invoice-status.is-pending{background:#fff7e8;color:#a7823b}.ra-invoice-area{margin-top:17px}.ra-invoice-help{font-size:10px;line-height:1.7;color:#91a1af;padding:0 2px;margin-bottom:9px}.ra-invoice-area .ra-invoices{margin-top:12px}.ra-invoice-totals,.ra-bill-totals{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px}.ra-invoice-totals{padding:12px 16px;border-bottom:1px solid #e8eef4;background:#fbfcfe}.ra-invoice-totals>span:not(.ra-invoice-status),.ra-bill-totals>span:not(.ra-invoice-status){display:flex;flex-direction:column;gap:4px;font-size:10px;color:#8b9dab}.ra-invoice-totals b,.ra-bill-totals b{font-size:13px;font-variant-numeric:tabular-nums;color:#506a7f;font-weight:600;white-space:nowrap}.ra-bill-totals>span:first-child b{color:#a34754}.ra-invoice-totals>small{font-size:10px;color:#9aabbb}.ra-invoices .ra-list-table{min-width:1120px}.ra-invoice-no{font-variant-numeric:tabular-nums;max-width:350px}.ra-invoice-no small{max-width:350px!important;font-size:10px;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.ra-invoice-area .ra-row-actions{white-space:nowrap}
