.page-container{display:flex;min-height:100vh;background:#f8f9fa}.page-container .main-content{flex:1;padding:94px 24px 24px;margin-left:280px;transition:margin-left .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.stat-icon.stat-icon-warning{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.stat-icon.stat-icon-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.stat-icon.stat-icon-info{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.stat-content .stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-content .stat-value{font-size:28px;font-weight:700;color:var(--text-primary)}.page-header{margin-top:50px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.page-header .page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.page-header .page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-pending{background:#fef3c7;color:#f59e0b}.status-badge.status-approved{background:#d1fae5;color:#10b981}.status-badge.status-rejected{background:#fee2e2;color:#ef4444}.star{color:#d1d5db;font-size:16px}.star.filled{color:#fbbf24}.loading-state{text-align:center;padding:60px 20px}.loading-state .loading-spinner{margin:0 auto 16px}.loading-state p{color:var(--text-secondary);font-size:14px}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:var(--radius-xl)}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:white;border-top:1px solid var(--border-light)}.pagination .pagination-btn{padding:8px 16px;border:1px solid var(--border-light);background:white;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination .pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-primary)}.pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .pagination-pages{display:flex;gap:4px}.pagination .pagination-page{width:36px;height:36px;border:1px solid var(--border-light);background:white;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination .pagination-page:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.pagination .pagination-page.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-color:transparent}body.sidebar-collapsed .main-content{margin-left:80px!important}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.page-container .main-content{margin-left:0!important;padding:94px 16px 16px}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}}