:root{--primary: #6200ea;--sidebar-bg: #ffffff;--bg-color: #f3f4f6;--text-main: #1f2937;--text-muted: #6b7280;--radius: 10px;--shadow: 0 2px 5px rgba(0,0,0,.05)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.app-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column}.logo{font-size:1.5rem;font-weight:700;color:#d4a017;margin-bottom:40px;display:flex;align-items:center;gap:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--text-muted);text-decoration:none;border-radius:8px;margin-bottom:5px;cursor:pointer;transition:all .2s}.nav-item:hover,.nav-item.active{background:var(--primary);color:#fff}.dashboard-header{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;padding:40px;border-radius:var(--radius);margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:.9rem;color:var(--text-muted);margin-bottom:5px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-main)}