.sp-page{padding:30px 38px 42px;color:#162b4d}.sp-breadcrumb{font-size:11px;color:#70819b;margin-bottom:16px}.sp-breadcrumb span{cursor:pointer}.sp-breadcrumb b{margin:0 8px;color:#a1aec0}.sp-breadcrumb strong{color:#344a68}.sp-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sp-head h1{margin:0;font-size:31px;letter-spacing:-.6px}.sp-head p{margin:7px 0 0;color:#73839c;font-size:14px}.sp-filter-card,.sp-result-card{background:#fff;border:1px solid #dbe3ed;border-radius:14px;box-shadow:0 2px 8px rgba(16,35,66,.03);margin-bottom:18px}.sp-card-head{padding:18px 22px 8px}.sp-card-head h2,.sp-result-toolbar h2{margin:0;font-size:16px}.sp-card-head p,.sp-result-toolbar p{margin:5px 0 0;color:#8090a7;font-size:11px}.sp-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px 16px;padding:12px 22px 18px}.sp-field label,.sp-attribute>div>label{display:block;font-size:11px;font-weight:700;color:#273c5a;margin-bottom:6px}.sp-field input,.sp-field select{width:100%;height:38px;border:1px solid #cbd7e6;border-radius:8px;padding:0 11px;background:#fff;color:#1d2e48;font-size:12px;box-sizing:border-box}.sp-attribute{margin:0 22px 16px;padding:14px 16px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc;display:flex;justify-content:space-between;gap:20px;align-items:center}.sp-attribute p{margin:4px 0 0;color:#8290a5;font-size:10px}.sp-checks{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}.sp-checks label{font-size:11px;color:#354963;white-space:nowrap}.sp-checks input{accent-color:#2563eb;margin-right:5px}.sp-filter-actions{display:flex;justify-content:flex-start;gap:8px;padding:0 22px 18px}.sp-btn{height:38px;border:1px solid #cbd7e6;background:#fff;border-radius:8px;padding:0 15px;font-size:12px;color:#253853;cursor:pointer}.sp-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:700}.sp-btn.excel{border-color:#b9cde6}.sp-result-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #e4eaf2}.sp-actions{display:flex;gap:7px}.sp-table-wrap{overflow:auto;padding:0 14px 14px}.sp-table{width:100%;min-width:1500px;border-collapse:separate;border-spacing:0;font-size:11px}.sp-table th{background:#f4f7fa;color:#64758e;font-weight:700;text-align:left;padding:11px 10px;border-bottom:1px solid #dce4ed;white-space:nowrap}.sp-table td{padding:10px;border-bottom:1px solid #e7edf4;color:#263b59;white-space:nowrap}.sp-table tbody tr:hover td{background:#fafcff}.sp-table .sp-num{text-align:right}.sp-empty{text-align:center!important;color:#8b98aa!important;padding:30px!important}.sp-table th:first-child,.sp-table td:first-child{position:sticky;left:0;background:#fff;z-index:1}.sp-table th:first-child{background:#f4f7fa}@media(max-width:1100px){.sp-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.sp-attribute{align-items:flex-start;flex-direction:column}.sp-checks{justify-content:flex-start}.sp-result-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.sp-actions{width:100%}}@media(max-width:700px){.sp-page{padding:22px 16px}.sp-filter-grid{grid-template-columns:1fr}.sp-filter-actions{gap:8px}.sp-filter-actions .sp-btn{width:auto}.sp-actions{flex-wrap:wrap}.sp-head h1{font-size:26px}}
