.payments-filter-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:24px;overflow:hidden}.payments-filter-form label{min-width:0;color:var(--muted);gap:8px;font-size:12px;font-weight:600;display:grid}.payments-primary-filters{grid-template-columns:minmax(190px,1.3fr) minmax(115px,.7fr) minmax(300px,1.8fr) auto auto;align-items:end;gap:14px;padding:20px;display:grid}.payments-filter-form input,.payments-filter-form select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--foreground);font:400 13px var(--sans);border-radius:6px;padding:0 10px}.payments-filter-form .payments-search-input{display:block;position:relative}.payments-search-input svg{pointer-events:none;position:absolute;top:13px;left:12px}.payments-filter-form .payments-search-input input{padding-left:37px}.payments-date-fields{border:0;min-width:0;margin:0;padding:0}.payments-date-fields legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.payments-date-fields>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.payments-date-fields>div>span{color:var(--muted)}.payments-secondary-button,.payments-query-button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--foreground);font:600 13px var(--sans);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.payments-query-button{border-color:var(--primary);background:var(--primary);color:#fff;min-width:72px}.payments-secondary-button:hover{border-color:var(--primary);background:var(--accent-soft)}.payments-query-button:hover{filter:brightness(.94)}.payments-more-toggle{white-space:nowrap}.payments-more-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.payments-filter-count{background:var(--accent-soft);min-width:19px;color:var(--primary);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 4px}.payments-advanced-filters{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;display:grid}.payments-advanced-filters[hidden]{display:none}.payments-applied-filters{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px 18px;min-height:52px;padding:10px 20px;display:flex}.payments-filter-chips{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.payments-filter-chip{border:1px solid var(--border);background:var(--surface-muted);max-width:100%;min-height:30px;color:var(--foreground);font:400 12px var(--sans);text-align:left;cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:5px 9px;display:inline-flex}.payments-filter-chip span{overflow-wrap:anywhere}.payments-filter-chip svg{flex-shrink:0}.payments-filter-chip:hover{border-color:var(--primary);color:var(--primary)}.payments-clear-filters{min-height:30px;color:var(--primary);font:500 12px var(--sans);cursor:pointer;background:0 0;border:0;padding:4px 6px}.payments-applied-filters>p{color:var(--muted);flex:none;margin:0;font-size:11px}.payments-page .payments-records-sheet{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.payments-records-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 20px;display:flex}.payments-records-header h2{color:var(--foreground);margin:0;font-size:18px;font-weight:600}.payments-records-header>span{color:var(--muted);font-size:12px}.payments-page .payments-orders-table{min-width:0}.payments-page .payments-orders-table .records-head,.payments-page .payments-orders-table .record-row{border:0;border-bottom:1px solid var(--border);clip-path:none;white-space:normal;grid-template-columns:minmax(150px,1.6fr) minmax(115px,1fr) minmax(90px,.8fr) minmax(74px,.7fr) minmax(115px,1fr) 44px;align-items:center;gap:12px;width:auto;min-width:0;height:auto;margin:0;padding:12px 20px;display:grid;position:static;overflow:visible}.payments-page .payments-orders-table .records-head{min-height:46px;font-family:var(--sans);font-size:12px;font-weight:500}.payments-page .payments-orders-table .record-row{min-height:72px;font-weight:400}.payments-page .payments-orders-table .record-row:focus-within{background:var(--accent-soft)}.payments-page .payments-orders-table .record-row>*{overflow-wrap:anywhere;min-width:0;display:block}.payments-page .payments-orders-table .record-row>:before{display:none}.payments-page .payments-orders-table .payments-order-cell{gap:4px;display:grid}.payments-page .payments-orders-table .payments-merchant-order{color:var(--foreground);font-size:13px;font-weight:600;line-height:1.5}.payments-order-cell .copyable-value{background:0 0;border:0;gap:4px;min-width:0}.payments-order-cell .copyable-value button{width:28px;height:28px;color:var(--muted);border-radius:4px}.payments-order-cell .copyable-value code{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.payments-page .payments-orders-table .payments-amount-cell{text-align:right;font-variant-numeric:tabular-nums}.payments-page .payments-orders-table .record-row .payments-amount-cell{font-size:13px;font-weight:500;line-height:1.5}.payments-page .payments-orders-table .payments-created-cell{color:var(--foreground);font:400 12px/1.6 var(--sans);font-variant-numeric:tabular-nums}.payments-page .payments-orders-table .payments-detail-cell>a{border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:4px;font-size:12px;font-weight:500;display:inline-flex}.payments-records-footer{margin:0;padding:0;display:block}.payments-mobile-filter-trigger{display:none}.payments-filter-overlay{z-index:80;background:#12192c4d;position:fixed;inset:0}.payments-filter-drawer{z-index:81;background:var(--surface);flex-direction:column;width:min(100%,430px);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #12192c1f}.payments-filter-drawer>header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 20px 18px;display:flex}.payments-filter-drawer h2{margin:0 0 8px;font-size:20px}.payments-filter-drawer header p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.payments-close-button{width:36px;height:36px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.payments-filter-drawer form{flex-direction:column;flex:1;min-height:0;display:flex}.payments-mobile-fields{gap:20px;padding:20px;display:grid;overflow-y:auto}.payments-mobile-fields .payments-date-fields>div{grid-template-columns:minmax(0,1fr);gap:10px}.payments-mobile-fields .payments-date-fields>div>span{display:none}.payments-mobile-fields .payments-date-fields .sr-only{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}.payments-filter-drawer footer{border-top:1px solid var(--border);padding:16px 20px max(16px, env(safe-area-inset-bottom));flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;display:grid}.payments-page button:focus-visible,.payments-page input:focus-visible,.payments-page select:focus-visible,.payments-page a:focus-visible,.payments-filter-drawer :is(button,input,select):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:1399px){.payments-primary-filters{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto auto}.payments-primary-filters .payments-date-fields{grid-area:2/1/auto/3}.payments-primary-filters .payments-search-field{grid-column:1/3}.payments-primary-filters>label:not(.payments-search-field){grid-column:3/5}.payments-applied-filters{flex-wrap:wrap}}@media (max-width:1099px){.payments-page .payments-orders-table .records-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.payments-page .payments-orders-table .record-row{grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);gap:12px 20px;padding:18px 20px}.payments-page .payments-orders-table .record-row>*{gap:5px;display:grid}.payments-page .payments-orders-table .record-row>:before{color:var(--muted);content:attr(data-label);font-size:11px;font-weight:500;display:block}.payments-page .payments-orders-table .payments-detail-cell{justify-items:end}.payments-page .payments-orders-table .payments-detail-cell:before{display:none}.payments-page .payments-orders-table .payments-detail-cell>a{min-height:44px}}@media (max-width:767px){.payments-desktop-filters{display:none}.payments-mobile-filter-trigger{min-height:44px;margin:14px 16px;display:inline-flex}.payments-applied-filters{padding:10px 16px}.payments-filter-chip,.payments-clear-filters{min-height:36px}.payments-order-cell .copyable-value button{width:36px;height:36px}.payments-filter-drawer :is(input,select,.payments-secondary-button,.payments-query-button){min-height:44px;font-size:14px}}@media (max-width:479px){.payments-page .payments-orders-table .record-row{grid-template-columns:minmax(0,1fr) minmax(110px,.75fr);gap:12px;padding:16px}.payments-page .payments-orders-table .payments-created-cell{grid-column:1}.payments-applied-filters>p{flex-basis:100%;line-height:1.6}}