.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-header-actions{display:flex;gap:8px;flex-shrink:0}.kpi-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-wrapper{border:var(--border-thin);border-radius:var(--radius-lg);overflow:hidden}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--color-text-secondary)}.pagination-btns{display:flex;gap:6px}.filter-bar{display:flex;gap:8px;margin-bottom:12px}.filter-bar input{flex:1}.filter-bar select{width:auto}.info-banner{background:var(--color-blue-bg);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px}.info-banner-title{font-size:14px;font-weight:600;color:var(--color-blue-dark)}.info-banner-sub{font-size:11px;color:var(--color-blue);margin-top:2px}@media (max-width:767px){.page-header{flex-direction:column;gap:12px}.page-header-actions{width:100%}.kpi-grid-5{grid-template-columns:repeat(2,1fr)}.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar select{width:100%}}