.dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1400px;margin:0 auto}.header{background:#fff;border-radius:15px;padding:30px;margin-bottom:20px;box-shadow:0 10px 30px #0000001a}.header h1{color:#333;font-size:2.5em;margin-bottom:10px;display:flex;align-items:center;gap:10px}.header p{color:#666;font-size:1.1em}.live-indicator{display:inline-block;width:10px;height:10px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.stat-card h3{color:#666;font-size:1em;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2.5em;font-weight:700;color:#333;margin-bottom:5px}.stat-change{font-size:.9em;color:#28a745}.filters-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 5px 20px #00000014}.filter-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:.85em;color:#666;font-weight:600}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9em;min-width:150px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-btn{padding:8px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;transition:transform .2s ease}.search-btn:hover{transform:scale(1.05)}.reset-btn{padding:8px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;transition:transform .2s ease}.reset-btn:hover{transform:scale(1.05)}.results-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 20px #00000014}.results-table{width:100%}.results-table h3{margin-bottom:20px;color:#333}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee}th{background:#f8f9fa;font-weight:600;color:#666}tr:hover{background:#f8f9fa}.loading,.error{text-align:center;padding:40px;font-size:1.2em;color:#666}.error{color:#dc3545}.no-results{text-align:center;padding:20px;color:#999}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:.9em}.pagination button:hover:not(:disabled){background:#f0f0f0}.pagination button:disabled{opacity:.5;cursor:not-allowed}.total-info{font-size:.9em;color:#666}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:transform .2s ease}.refresh-btn:hover{transform:scale(1.05)}@media (max-width: 1024px){.filter-form{flex-direction:column}.filter-group input,.filter-group select{min-width:100%}}