.sppr-page{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.sppr-toolbar{display:flex;align-items:flex-start;gap:16px}.sppr-toolbar h2{margin:0;font-size:21px}.sppr-toolbar p{margin:4px 0 0;color:var(--muted)}.sppr-kicker{font-size:12px;letter-spacing:0;color:var(--blue);font-weight:700}.sppr-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#f5f8fc;border:1px solid var(--line);border-left:3px solid var(--blue);font-size:13px}.sppr-note span{color:var(--muted)}.sppr-card{min-width:0;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px}.sppr-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end}.sppr-filter label{display:grid;gap:6px;color:var(--muted);font-size:12px}.sppr-filter input,.sppr-filter select{box-sizing:border-box;width:100%;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink);font:inherit}.sppr-filter footer{display:flex;align-items:center;gap:10px;grid-column:1/-1}.sppr-filter footer span{color:var(--muted);font-size:13px}.sppr-table-wrap{width:100%;min-width:0;overflow-x:auto}.sppr-table{width:100%;min-width:760px;border-collapse:collapse}.sppr-table th,.sppr-table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}.sppr-table th{background:var(--color-surface-muted);color:var(--muted);font-size:12px}.sppr-table td{font-size:13px}.sppr-table td small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.sppr-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sppr-badge{display:inline-flex;align-items:center;gap:6px}.sppr-badge i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.sppr-badge.success i{background:var(--green)}.sppr-badge.danger i{background:var(--red)}.sppr-badge.pending i{background:var(--orange)}.sppr-state{padding:42px;text-align:center;color:var(--muted)}.sppr-error{color:var(--red)}.sppr-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:13px}.sppr-pager>div{display:flex;gap:8px}@media(max-width:900px){.sppr-filter{grid-template-columns:1fr 1fr}.sppr-filter label:first-child{grid-column:1/-1}}@media(max-width:520px){.sppr-card{padding:14px}.sppr-filter{grid-template-columns:1fr}.sppr-filter footer{align-items:stretch;flex-wrap:wrap}.sppr-filter footer .button,.sppr-filter .fp-native-select-button{min-height:44px}.sppr-note{display:block}.sppr-note span{display:block;margin-top:6px}.sppr-pager{align-items:stretch;flex-direction:column}.sppr-pager .button{min-height:44px}}

.sppr-dialog{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:16px;background:rgb(16 36 58 / 55%);box-sizing:border-box}.sppr-dialog[hidden]{display:none}.sppr-dialog-panel{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border-radius:var(--radius-card,16px);background:var(--color-surface,#fff);box-shadow:var(--shadow-card)}.sppr-dialog-panel>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line,#d6e0e9);background:var(--color-surface,#fff)}.sppr-dialog-panel h3{margin:0;font-size:16px}.sppr-dialog-panel header button{width:36px;height:36px;border:0;background:transparent;font-size:22px}.sppr-dialog-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:18px}.sppr-dialog-panel dt{font-size:12px;color:var(--muted,#69788b)}.sppr-dialog-panel dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sppr-dialog-panel pre{margin:16px;padding:12px;background:var(--color-surface-muted,#f6f8fb);font:12px/1.65 var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere}.sppr-dialog-panel code{display:block;padding:0 16px 16px;overflow-wrap:anywhere;font-size:12px}@media(max-width:520px){.sppr-dialog-panel dl{grid-template-columns:1fr}.sppr-dialog-panel header button{min-width:44px;min-height:44px}}

.sppr-table .sppr-money{text-align:right;font-variant-numeric:tabular-nums}.sppr-table td{white-space:normal;overflow-wrap:anywhere}.sppr-table td:last-child{white-space:nowrap}.sppr-badge.pending i{background:var(--muted,#69788b)}