.sa-page{padding:24px 28px;font-size:12px}.sa-breadcrumb{display:flex;gap:9px;color:#8a93a3;font-size:11px;margin-bottom:18px}.sa-breadcrumb strong{color:#526071}.sa-title h1{font-size:24px;margin:0 0 6px;color:#182230}.sa-title p{margin:0 0 22px;color:#8b95a5}.sa-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 16px}.sa-kpi{background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.sa-kpi span{font-size:11px;color:#7b8795;font-weight:600}.sa-kpi strong{font-size:24px;line-height:1.1;color:#182230}.sa-kpi small{font-size:10px;color:#9aa3b0}.sa-filter-card,.sa-table-card{background:#fff;border:1px solid #e7ebf0;border-radius:12px;margin-bottom:16px}.sa-filter-head{padding:15px 18px;border-bottom:1px solid #edf0f4}.sa-filter-head h2{font-size:13px;margin:0}.sa-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.sa-field label{display:block;font-size:11px;font-weight:600;margin-bottom:7px;color:#5b6575}.sa-field input,.sa-field select{width:100%;box-sizing:border-box;height:34px;border:1px solid #dfe4eb;border-radius:7px;padding:0 10px;font-size:11px;color:#384454;background:#fff}.sa-filter-actions{display:flex;gap:8px;padding:0 18px 16px}.sa-btn{height:32px;border:1px solid #dfe4eb;border-radius:7px;padding:0 12px;font-size:11px;cursor:pointer}.sa-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.sa-btn.secondary{background:#fff;color:#536071}.sa-btn.excel{background:#fff;color:#167447}.sa-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f4}.sa-toolbar-actions{display:flex;gap:8px}.sa-table-wrap{overflow:auto}.sa-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}.sa-table th{background:#f8fafc;color:#697586;font-weight:600;text-align:left;padding:12px;border-bottom:1px solid #e8edf2}.sa-table td{padding:12px;border-bottom:1px solid #eef1f5;color:#4b5563}.sa-table .sticky{position:sticky;left:0;background:#fff;z-index:1}.sa-table th.sticky{background:#f8fafc}.sa-row-action{border:0;background:#f3f5f8;border-radius:6px;padding:4px 9px;cursor:pointer}.sa-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#7b8795;font-size:11px}.sa-pagination button{border:1px solid #e1e6ed;background:#fff;border-radius:5px;margin-left:5px;width:28px;height:28px}.sa-pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:900px){.sa-kpi-grid{grid-template-columns:repeat(2,1fr)}.sa-filter-grid{grid-template-columns:repeat(2,1fr)}.sa-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}}