:root{--bg-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--brand-blue: #2563eb;--danger-red: #ef4444;--success-green: #22c55e;--border-color: #e2e8f0}body{background-color:var(--bg-color);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);margin:0}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;background:var(--card-bg);padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-color)}.dashboard-header h1{font-size:1.5rem;font-weight:800;margin:0;color:var(--brand-blue);letter-spacing:-.02em}.dashboard-header h1 .light-text{font-weight:300;color:var(--text-primary)}.dashboard-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--success-green)}.dot{width:8px;height:8px;background-color:var(--success-green);border-radius:50%;box-shadow:0 0 0 2px #22c55e33}.user-avatar{width:40px;height:40px;background-color:#eff6ff;color:var(--brand-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.kpi-card h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 .5rem}.kpi-value{font-size:2rem;font-weight:700;margin:0;color:var(--text-primary)}.danger-text{color:var(--danger-red)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-item{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;min-height:400px;display:flex;flex-direction:column}.grid-item h2{font-size:1.1rem;margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.grid-item.span-2{grid-column:span 2}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.grid-item.span-2{grid-column:span 1}}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);color:var(--text-secondary)}