.dashboard-content{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stats-grid .stat-card{background:var(--background-secondary);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 2px 4px #00000005}.stats-grid .stat-card .stat-icon{background:var(--background-primary);border-radius:.75rem;width:3rem;height:3rem;font-size:2rem}.stats-grid .stat-card .stat-content{flex:1}.stats-grid .stat-card .stat-label{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stats-grid .stat-card .stat-value{font-size:1.25rem;font-weight:600;line-height:1.2;display:block}.stats-grid .stat-card .stat-trend{color:#166534;background:#f0fdf4;border-radius:1rem;padding:.125rem .375rem;font-size:.75rem}.stats-grid .stat-card .stat-trend.negative{background:var(--text-danger);color:#991b1b}.compact-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:.75rem;display:grid}.grid-card{background:var(--background-secondary);border-radius:.75rem;padding:1rem;transition:all .2s;animation:.4s ease-out both fadeIn;box-shadow:0 2px 4px #00000005}.grid-card:hover{box-shadow:0 8px 16px #0000000d}.grid-card.wide{grid-column:span 2}.grid-card .card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.grid-card .card-header h3{color:#374151;margin:0;font-size:.875rem;font-weight:600}.grid-card .badge{color:#4b5563;background:#e5e7eb;border-radius:1rem;padding:.25rem .5rem;font-size:.625rem;font-weight:500}.mini-chart{align-items:flex-end;gap:.25rem;height:80px;display:flex}.mini-chart .bar{background:linear-gradient(#3b82f6,#2563eb);border-radius:.25rem .25rem 0 0;flex:1;transition:height .3s;animation:.6s ease-out growBar}.mini-chart .bar:hover{background:linear-gradient(#2563eb,#1d4ed8)}.user-list{flex-direction:column;gap:.5rem;display:flex}.user-list .user-item{border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem;transition:background .15s;animation:.3s ease-out both slideInRight;display:flex}.user-list .user-item:hover{background:#f9fafb}.user-list .user-item .user-avatar{background:#f0f3f8;border-radius:.375rem;width:1.75rem;height:1.75rem}.user-list .user-item .user-name{flex:1;font-size:.875rem;font-weight:500}.user-list .user-item .user-stats{color:#6b7280;font-size:.75rem}.stats-list{flex-direction:column;gap:.5rem;display:flex}.stats-list .stat-item{justify-content:space-between;font-size:.875rem;display:flex}.stats-list .stat-item .stat-number{font-weight:600}.stats-list .progress-bar{background:#e5e7eb;border-radius:1rem;height:.375rem;margin-bottom:.5rem;overflow:hidden}.stats-list .progress-bar .progress{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:1rem;height:100%;animation:.8s ease-out fillBar}.action-buttons{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.action-buttons .action-btn{background:var(--background-primary);color:var(--text-color);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem;font-size:.75rem;transition:all .15s}.action-buttons .action-btn:hover{color:#fff;background:#3b82f6;transform:scale(1.02)}.activity-feed{flex-direction:column;gap:.75rem;display:flex}.activity-feed .activity-item{border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;animation:.3s ease-out both slideInLeft;display:flex}.activity-feed .activity-item:hover{background:#f9fafb;transform:translate(2px)}.activity-feed .activity-item .activity-time{color:#9ca3af;min-width:3.5rem;font-size:.625rem}.activity-feed .activity-item .activity-text{color:#374151;font-size:.8125rem}@media (width<=1024px){.compact-grid{grid-template-columns:repeat(2,1fr)}.compact-grid .grid-card.wide{grid-column:span 2}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:1fr}.compact-grid .grid-card.wide{grid-column:span 1}}