.payables-page{container-type:inline-size}html:has(.payables-page){scrollbar-gutter:stable}html:has(.payables-page) body[data-scroll-locked]{margin-right:0!important}.payables-header{border-bottom:0;padding:20px 16px 8px}.payables-header h1{font-size:26px;font-weight:700}.payables-header-actions button{border-radius:5px}.payables-header-actions button.bg-primary{background-image:var(--gradient-primary)}.payables-header-actions button.border{border-color:var(--primary)}.payables-page .rounded-xl{border-radius:8px}.payables-charts>div>div:first-child{padding:16px 14px 12px}.payables-metrics>div>div{align-items:flex-start;gap:8px;min-height:80px;padding:12px}.payables-metrics>div>div>span{border-radius:8px;width:32px;height:36px}.payables-metrics .text-lg{letter-spacing:-.04em;font-size:15px;line-height:22px}.payables-metrics .text-xs{font-size:11px;line-height:16px}.payables-metrics .text-\[11px\]{line-height:12px}.payables-table table{min-width:1080px}.payables-export{container:payables-export/inline-size}.payables-export>div:first-child>div{flex-wrap:wrap}.payables-export-info{grid-template-columns:repeat(2,minmax(0,1fr))}@container payables-export (width>=500px){.payables-export-info{grid-template-columns:2fr 1fr}}.payables-suppliers{padding:0 14px 10px}.payables-supplier-row{grid-template-columns:minmax(0,1fr) max-content;gap:3px 10px}.payables-supplier-track{grid-column:1/-1;height:5px}.payables-export>div:nth-child(2){padding:0 14px 16px}.payables-export>div:first-child>div{align-items:center;gap:8px}.payables-export>div:first-child p{margin-top:8px;font-size:12px}.payables-export button{padding-inline:10px;font-size:12px}.payables-export .text-lg{font-size:17px}.payables-export .text-\[11px\]{font-size:10px}.payables-export .grid-cols-3{grid-template-columns:1.5fr 1fr .8fr;padding:8px;font-size:10px}.payables-export .grid-cols-3 strong{white-space:normal;overflow:visible}@container (width>=1050px) and (width<=1349px){.payables-metrics>div>div{gap:6px;min-height:70px;padding:9px}.payables-metrics>div>div>span{width:24px;height:24px}.payables-metrics>div>div>span svg{width:16px;height:16px}.payables-metrics .text-lg{font-size:12px;line-height:18px;overflow:visible}.payables-metrics .text-xs,.payables-metrics .text-\[11px\]{font-size:9px;line-height:14px}.payables-charts .h-\[190px\]{height:170px}.payables-charts .space-y-4.text-xs{font-size:10px}.payables-export .grid.sm\:grid-cols-4>div{padding:8px 3px}.payables-export .grid.sm\:grid-cols-4 p{white-space:nowrap;font-size:9px}}.payables-page .shadow-card{border-color:color-mix(in srgb,var(--border) 55%,transparent);box-shadow:0 2px 12px #0a192f06}.payables-page button{border-radius:5px}.payables-table-actions input{font-size:12px}.payables-table-actions>div>button{border-color:var(--primary);color:var(--accent-foreground);padding-inline:12px;font-size:11px}.payables-export .grid-cols-3{background:0 0;padding:6px 0}.payables-export .text-base{font-size:14px}.payables-export>div:nth-child(2)>div:last-child{margin-top:24px;font-size:10px}.payables-export-actions button:first-child{background-image:var(--gradient-primary)}.payables-export-actions button:nth-child(2){border-color:var(--primary);color:var(--accent-foreground)}.payables-charts .h-4{border-radius:2px;height:14px}.payables-charts .h-full.rounded-sm{border-radius:2px}@media(max-width:639px){.payables-charts>div>div:first-child{padding-top:16px}}