.sidebar{-webkit-user-select:none;user-select:none;width:256px;min-height:100vh;font-family:var(--font-sans), sans-serif;background-color:#fff;border-right:1px solid #f1f5f9;flex-direction:column;display:flex;box-shadow:0 1px 3px #00000008}.sidebar-header{background-color:#fff;border-bottom:1px solid #f8fafc;padding:20px 24px}.brand-wrapper{align-items:center;gap:12px;display:flex}@keyframes pulse-glow{0%{box-shadow:0 0 #6c47ff66}70%{box-shadow:0 0 0 6px #6c47ff00}to{box-shadow:0 0 #6c47ff00}}.brand-logo-img{object-fit:cover;border:1px solid #6c47ff1a;border-radius:12px;width:36px;height:36px;animation:2.5s ease-in-out infinite pulse-glow;box-shadow:0 4px 12px #6c47ff26}.brand-title{color:#0f172a;letter-spacing:-.02em;font-size:14.5px;font-weight:700;line-height:1.2}.brand-sub{color:#94a3b8;margin-top:1px;font-size:11px;font-weight:500}.sidebar-nav-container{flex-direction:column;flex:1;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.back-btn{color:#6c47ff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:max-content;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.back-btn:hover{color:#5b36eb;background-color:#f5f3ff;transform:translate(-4px)}.menu-btn-header{align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;display:flex}.menu-btn-header-icon{color:#6c47ff;background-color:#f5f3ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.menu-btn-header-title{color:#0f172a;font-size:13.5px;font-weight:750}.menu-divider{border:0;border-top:1px solid #f8fafc;margin:8px 0 16px}.sub-link{color:#64748b;border-radius:12px;align-items:center;margin-bottom:2px;padding:10px 16px 10px 24px;font-size:12.5px;font-weight:550;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sub-link:hover{color:#0f172a;background-color:#f8fafc;padding-left:28px}.sub-link.active{color:#6c47ff;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #6c47ff14;font-weight:700;overflow:hidden;box-shadow:0 2px 4px #6c47ff0a}.active-indicator{background-color:#6c47ff;width:4.5px;transition:all .2s;position:absolute;top:0;bottom:0;left:0}.menu-btn{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 14px;font-size:13.5px;font-weight:550;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.menu-btn:hover{color:#0f172a;background-color:#f8fafc;padding-left:18px}.menu-btn.active{color:#6c47ff;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #6c47ff14;font-weight:650;box-shadow:0 2px 8px #6c47ff0a}.menu-btn.active:before{content:"";background-color:#6c47ff;border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0}.menu-btn-icon{color:#94a3b8;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-btn:hover .menu-btn-icon{color:#6c47ff;transform:scale(1.1)}.menu-btn.active .menu-btn-icon{color:#6c47ff}.menu-btn-arrow{color:#94a3b8;opacity:.5;margin-left:auto;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-btn:hover .menu-btn-arrow{opacity:.9;transform:translate(4px)}.sidebar-footer{background-color:#fff;border-top:1px solid #f1f5f9;padding:16px 12px}.user-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.user-card:hover{background-color:#f1f5f9;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0f172a0d}.user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6c47ff);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.user-email{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:color .15s;display:flex}.logout-btn:hover{color:#ef4444}
.sidebar{z-index:50!important;width:256px!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important}.dashboard-container{background:#f7f8fc!important;height:100vh!important;display:flex!important;overflow:hidden!important}.dashboard-content-wrapper{flex-direction:column!important;flex:1!important;min-width:0!important;margin-left:256px!important;display:flex!important;overflow:hidden!important}