:root{--bg:#1e293b;--bg-hover:#2b3b52;--border:#ffffff0d;--text:#e5e7eb;--muted:#94a3b8;--accent:#4a90e2}.sidebar{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:260px;padding:18px 5px;display:flex}.sidebar-title{color:var(--accent);text-transform:uppercase;margin-bottom:6px;padding:0 20px;font-size:1rem;font-weight:700}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-item{cursor:pointer;color:var(--text);border-radius:10px;align-items:center;gap:12px;margin-top:10px;padding:14px 20px;font-weight:500;transition:all .2s;display:flex}.sidebar-item .icon{opacity:.85;font-size:20px}.sidebar-item:hover{background:var(--bg-hover);transform:translate(4px)}.sidebar-item.active{background:var(--accent);color:#fff}.sidebar-icon{opacity:.9;font-size:20px}@media (max-width:900px){.sidebar{order:2;width:100%}.sidebar-item{justify-content:center}}