:root{--primary-dark:#0f172a;--primary-light:#1e293b;--primary-accent:#334155;--secondary-color:#7c3aed;--secondary-light:#8b5cf6;--secondary-dark:#5b21b6;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--accent-blue:#3b82f6;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--card-bg:#1e293b;--hover-bg:#2d3748;--shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--radius:12px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--primary-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}.container{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.mainContent{max-height:100vh;padding:25px;overflow-y:auto}@media (max-width:1200px){.container{grid-template-columns:1fr}.mainContent{padding:15px}}