.spf-page{display:grid;gap:14px;min-width:0;color:#152235}.spf-page *{box-sizing:border-box}.spf-observe{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border:1px solid #e3c889;border-radius:10px;background:#fffaf0;color:#765016;font-size:12px}.spf-observe b{flex:0 0 auto;color:#62430f;font:750 11px/18px var(--font-mono,"SFMono-Regular",monospace);letter-spacing:.04em}.spf-card{min-width:0;padding:14px;border:1px solid #d6e0e9;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(30,48,70,.05)}.spf-filter{display:grid;gap:11px}.spf-filter>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.spf-filter h2{margin:0;color:#152235;font-size:17px;line-height:24px}.spf-filter header p{margin:2px 0 0;color:#6f7f91;font-size:12px}.spf-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px}.spf-filter-grid label{display:grid;gap:4px;min-width:0;color:#5c6d80;font-size:12px;font-weight:700}.spf-keyword{grid-column:span 2}.spf-filter-grid input,.spf-filter-grid select{width:100%;min-width:0;height:36px;padding:6px 9px;border:1px solid #d6e0e9;border-radius:8px;background:#fff;color:#152235;font:12px/20px inherit}.spf-filter-grid input:focus-visible,.spf-filter-grid select:focus-visible,.spf-page button:focus-visible{outline:0;border-color:#2f66d0;box-shadow:0 0 0 3px rgba(47,102,208,.15)}.spf-page .fp-native-select{width:100%;min-width:0;max-width:100%}.spf-page .fp-native-select>select{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.spf-page .fp-native-select-button{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spf-filter>footer,.spf-pager,.spf-pager>div{display:flex;align-items:center;gap:8px}.spf-options-state{min-height:18px;color:#a45f0a;font-size:12px}.spf-options-state:empty{display:none}.spf-options-state .button{min-height:30px;margin-left:8px;padding:4px 9px}.spf-summary{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-left:3px solid #2f66d0;background:#f6f8fb;color:#52657b;font-size:12px}.spf-results{min-width:0}.spf-table-scroll{width:100%;min-width:0;max-height:min(68vh,760px);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;border:1px solid #dbe4ec;border-radius:12px;background:#fff}.spf-table-scroll table{width:100%;min-width:1240px;border-collapse:collapse;font-size:12px}.spf-table-scroll thead{position:sticky;top:0;z-index:2;background:#f5f8fb}.spf-table-scroll th,.spf-table-scroll td{padding:9px 10px;border-bottom:1px solid #e7edf3;text-align:left;vertical-align:top}.spf-table-scroll th{color:#6f7f91;font-size:12px;font-weight:700;white-space:nowrap}.spf-table-scroll td{color:#34465b}.spf-table-scroll td>b,.spf-table-scroll td>small{display:block}.spf-table-scroll td>small{margin-top:3px;color:#6f7f91}.spf-table-scroll tbody tr:hover,.spf-table-scroll tbody tr:focus-within{background:#f3f7ff}.spf-money{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.spf-money.increase{color:#087a55}.spf-money.decrease{color:#c33e4a}.spf-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.spf-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.spf-status.success{color:#087a55;background:#e9f7f1}.spf-status.danger{color:#c33e4a;background:#fceff1}.spf-status.pending{color:#69788b;background:#f1f4f7}.spf-state{display:grid;place-items:center;gap:8px;min-height:154px;padding:24px;border:1px solid #dbe4ec;border-radius:12px;background:#fff;color:#6f7f91;text-align:center}.spf-state b{color:#25384e;font-size:15px}.spf-state.error{border-color:#efc9ce;background:#fff8f9}.spf-state.error b{color:#a42c3a}.spf-state.denied{border-color:#d6e0e9;background:#f6f8fb}.spf-pager{justify-content:space-between;color:#617286;font-size:12px}.spf-pager .button{min-height:34px;padding:6px 11px}
@media(max-width:1440px){.spf-filter-grid{grid-template-columns:repeat(4,minmax(125px,1fr))}}
@media(max-width:1280px){.spf-filter-grid{grid-template-columns:repeat(3,minmax(125px,1fr))}}
@media(max-width:1024px){.spf-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spf-table-scroll table{min-width:1240px}}
@media(max-width:768px){.spf-filter>header{display:grid}.spf-filter>header .button{width:100%;min-height:44px}.spf-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spf-filter>footer{flex-wrap:wrap}.spf-table-scroll table{min-width:1240px}}
@media(max-width:430px){.spf-page{gap:11px}.spf-observe{display:grid}.spf-card{padding:12px}.spf-filter-grid{grid-template-columns:1fr}.spf-keyword{grid-column:auto}.spf-filter>footer,.spf-pager{align-items:stretch;display:grid}.spf-filter>footer .button,.spf-pager .button{min-height:44px;width:100%}.spf-pager>div{display:grid;grid-template-columns:1fr 1fr}.spf-table-scroll table{min-width:1240px}}
@media(max-width:390px){.spf-page,.spf-card,.spf-results,.spf-table-scroll{max-width:100%}.spf-observe span,.spf-filter header p{overflow-wrap:anywhere}.spf-table-scroll{overflow-x:auto}.spf-table-scroll table{min-width:1240px}}

.spf-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}.spf-dialog[hidden]{display:none}.spf-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)}.spf-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)}.spf-dialog-panel h3{margin:0;font-size:16px}.spf-dialog-panel header button{width:36px;height:36px;border:0;background:transparent;font-size:22px}.spf-dialog-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:18px}.spf-dialog-panel dt{font-size:12px;color:var(--muted,#69788b)}.spf-dialog-panel dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.spf-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}.spf-dialog-panel code{display:block;padding:0 16px 16px;overflow-wrap:anywhere;font-size:12px}@media(max-width:520px){.spf-dialog-panel dl{grid-template-columns:1fr}.spf-dialog-panel header button{min-width:44px;min-height:44px}}

.spf-table-scroll td:nth-child(2){max-width:160px;overflow-wrap:anywhere}.spf-table-scroll td:nth-child(4){max-width:140px;overflow-wrap:anywhere}.spf-table-scroll td:last-child{white-space:nowrap}.spf-table-scroll .mini-action{color:var(--blue,#216bc4)}