.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#0f1419;border-right:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;z-index:1000;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1),transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.app-sidebar.collapsed{width:72px}.app-sidebar.collapsed .sidebar-brand-text,.app-sidebar.collapsed .sidebar-text,.app-sidebar.collapsed .sidebar-arrow,.app-sidebar.collapsed .sidebar-user-info{opacity:0;visibility:hidden;width:0}.app-sidebar.collapsed .sidebar-brand-logo{display:none}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem 0.5rem}.app-sidebar.collapsed .sidebar-brand{display:none}.app-sidebar.collapsed .sidebar-toggle{transform:rotate(180deg);margin:0 auto}.app-sidebar.collapsed .sidebar-menu-link{justify-content:center;padding:0.75rem;border-radius:8px;margin:0 0.5rem;width:auto}.app-sidebar.collapsed .sidebar-menu-link-wrapper{justify-content:center}.app-sidebar.collapsed .sidebar-menu-link-wrapper .sidebar-menu-link{padding:0.75rem;margin:0 0.5rem}.app-sidebar.collapsed .sidebar-arrow-btn{display:none}.app-sidebar.collapsed .sidebar-submenu{display:none !important}.app-sidebar.collapsed .sidebar-badge{position:absolute;top:0.25rem;right:0.25rem;min-width:16px;height:16px;font-size:0.6rem;padding:0.1rem 0.3rem}.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper>.sidebar-menu-link,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link{width:44px;height:44px;padding:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px}.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper::before,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper>.sidebar-menu-link::before,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link::before{display:none}.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper .sidebar-icon,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link-wrapper>.sidebar-menu-link .sidebar-icon,.app-sidebar.collapsed .sidebar-menu-item.active>.sidebar-menu-link .sidebar-icon{margin:0}.app-sidebar.collapsed .sidebar-footer{padding:1rem 0.5rem}.app-sidebar.collapsed .sidebar-user{justify-content:center}.app-sidebar.collapsed .sidebar-logout{justify-content:center;padding:0.75rem}.app-sidebar.collapsed .sidebar-theme-toggle .theme-btn{justify-content:center;padding:0.75rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08);min-height:58px;height:58px}.sidebar-brand{display:flex;align-items:center;gap:0.6rem;text-decoration:none;color:#ffffff;font-weight:700;font-size:1.35rem;transition:opacity 0.2s;letter-spacing:-0.02em}.sidebar-brand:hover{opacity:0.9}.sidebar-logo{width:74px;height:74px;object-fit:contain;flex-shrink:0}.sidebar-brand-text{transition:opacity 0.3s, visibility 0.3s, width 0.3s;white-space:nowrap;font-size:1.2rem}.sidebar-toggle{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;flex-shrink:0}.sidebar-toggle:hover{background:rgba(255,255,255,0.1);color:#ffffff}.sidebar-toggle i{font-size:0.75rem;transition:transform 0.3s}.sidebar-menu{list-style:none;margin:0;padding:0 0.75rem;margin-top:1rem}.sidebar-menu-item{margin-bottom:0.25rem;position:relative}.sidebar-menu-item.active>.sidebar-menu-link-wrapper{background:linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05));box-shadow:inset 0 0 0 1px rgba(59,130,246,0.2);position:relative}.sidebar-menu-item.active>.sidebar-menu-link-wrapper::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#3b82f6;border-radius:0 3px 3px 0}.sidebar-menu-item.active>.sidebar-menu-link-wrapper .sidebar-menu-link{color:#3b82f6;background:transparent}.sidebar-menu-item.active>.sidebar-menu-link-wrapper .sidebar-menu-link .sidebar-icon{color:#3b82f6}.sidebar-menu-item.active>.sidebar-menu-link-wrapper .sidebar-arrow-btn .sidebar-arrow{color:#3b82f6}.sidebar-menu-item.active>.sidebar-menu-link{background:linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05));color:#3b82f6;box-shadow:inset 0 0 0 1px rgba(59,130,246,0.2)}.sidebar-menu-item.active>.sidebar-menu-link .sidebar-icon{color:#3b82f6}.sidebar-menu-item.active>.sidebar-menu-link::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#3b82f6;border-radius:0 3px 3px 0}.sidebar-menu-item.has-submenu>.sidebar-menu-link .sidebar-arrow,.sidebar-menu-item.has-submenu>.sidebar-menu-link-wrapper .sidebar-arrow{margin-left:auto;font-size:0.65rem;transition:transform 0.2s}.sidebar-menu-item.has-submenu.open>.sidebar-menu-link .sidebar-arrow,.sidebar-menu-item.has-submenu.open>.sidebar-menu-link-wrapper .sidebar-arrow{transform:rotate(180deg)}.sidebar-menu-link-wrapper{display:flex;align-items:center;border-radius:10px;transition:all 0.2s}.sidebar-menu-link-wrapper:hover{background:rgba(255,255,255,0.05)}.sidebar-menu-link-wrapper .sidebar-menu-link{flex:1;border-radius:10px 0 0 10px;padding-right:0.5rem}.sidebar-menu-link-wrapper .sidebar-menu-link:hover{background:transparent}.sidebar-arrow-btn{display:flex;align-items:center;justify-content:center;padding:0.875rem 1rem 0.875rem 0.5rem;background:transparent;border:none;cursor:pointer;border-radius:0 10px 10px 0;transition:all 0.2s}.sidebar-arrow-btn:hover{background:rgba(255,255,255,0.08)}.sidebar-arrow-btn:hover .sidebar-arrow{color:rgba(255,255,255,0.8)}.sidebar-menu-link{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:10px;transition:all 0.2s;position:relative;cursor:pointer}.sidebar-menu-link:hover{background:rgba(255,255,255,0.05);color:#ffffff}.sidebar-menu-link.active{background:linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05));color:#3b82f6;box-shadow:inset 0 0 0 1px rgba(59,130,246,0.2)}.sidebar-menu-link.active .sidebar-icon{color:#3b82f6}.sidebar-menu-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#3b82f6;border-radius:0 3px 3px 0}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:color 0.2s}.sidebar-text{flex:1;white-space:nowrap;transition:opacity 0.3s, visibility 0.3s, width 0.3s;font-size:0.9rem;font-weight:500}.sidebar-badge{background:#3b82f6;color:white;font-size:0.7rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.sidebar-arrow{color:rgba(255,255,255,0.4);font-size:0.65rem}.sidebar-submenu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.2s;opacity:0}.open>.sidebar-submenu{max-height:500px;opacity:1;padding:0.5rem 0 0.5rem 0}.sidebar-submenu-link{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1rem 0.625rem 2.75rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:8px;font-size:0.85rem;transition:all 0.2s}.sidebar-submenu-link i{font-size:0.8rem;width:16px;opacity:0.7}.sidebar-submenu-link:hover{background:rgba(255,255,255,0.05);color:#ffffff}.sidebar-submenu-link.active{color:#3b82f6;background:rgba(59,130,246,0.08)}.sidebar-submenu-link.active i{opacity:1}.sidebar-divider{height:1px;background:rgba(255,255,255,0.08);margin:1rem 0.75rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,0.08);margin-top:auto}.sidebar-theme-toggle{margin-bottom:0.75rem}.sidebar-theme-toggle .theme-btn{display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.625rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;font-size:0.85rem}.sidebar-theme-toggle .theme-btn:hover{background:rgba(255,255,255,0.1);color:#ffffff}.sidebar-theme-toggle .theme-btn .theme-icon{font-size:0.9rem}.sidebar-user{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:rgba(255,255,255,0.03);border-radius:10px;margin-bottom:0.75rem}.sidebar-user-avatar{width:36px;height:36px;background:linear-gradient(135deg, #3b82f6, #0a59da);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:0.9rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden;transition:opacity 0.3s, visibility 0.3s, width 0.3s}.sidebar-user-name{font-size:0.85rem;font-weight:500;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:0.75rem;color:rgba(255,255,255,0.7);text-transform:capitalize}.sidebar-logout-form{width:100%;margin:0}.sidebar-logout{display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.625rem 1rem;color:rgba(234,179,8,0.9);text-decoration:none;border-radius:8px;font-size:0.85rem;transition:all 0.2s;background:transparent;border:none;cursor:pointer;text-align:left}.sidebar-logout:hover{background:rgba(234,179,8,0.1);color:#eab308}.sidebar-logout i{font-size:0.9rem}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s}.sidebar-mobile-open .sidebar-overlay{opacity:1;visibility:visible}.has-sidebar .navbar{display:none !important}.has-sidebar #main-content{margin-left:260px;transition:margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);min-height:100vh}.has-sidebar.sidebar-collapsed #main-content{margin-left:72px}.has-sidebar .dashboard-tabs{display:none !important}.has-sidebar .footer,.has-sidebar footer.footer{margin-left:260px;transition:margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding:0 !important}.has-sidebar.sidebar-collapsed .footer,.has-sidebar.sidebar-collapsed footer.footer{margin-left:72px}@media (max-width: 1023px){.app-sidebar{transform:translateX(-100%)}.sidebar-mobile-open .app-sidebar{transform:translateX(0)}.has-sidebar .navbar{display:flex !important}.has-sidebar #main-content{margin-left:0}.has-sidebar .dashboard-tabs{display:block !important}.has-sidebar .footer,.has-sidebar footer.footer{margin-left:0;padding:0 !important}}[data-theme="light"] .app-sidebar{background:#ffffff;border-right-color:rgba(0,0,0,0.08)}[data-theme="light"] .sidebar-header{border-bottom-color:rgba(0,0,0,0.08)}[data-theme="light"] .sidebar-brand{color:#1a1a2e}[data-theme="light"] .sidebar-toggle{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);color:rgba(0,0,0,0.5)}[data-theme="light"] .sidebar-toggle:hover{background:rgba(0,0,0,0.06);color:#1a1a2e}[data-theme="light"] .sidebar-menu-link{color:rgba(0,0,0,0.6)}[data-theme="light"] .sidebar-menu-link:hover{background:rgba(0,0,0,0.04);color:#1a1a2e}[data-theme="light"] .sidebar-menu-link.active{color:#3b82f6}[data-theme="light"] .sidebar-menu-link-wrapper:hover{background:rgba(0,0,0,0.04)}[data-theme="light"] .sidebar-arrow-btn:hover{background:rgba(0,0,0,0.06)}[data-theme="light"] .sidebar-arrow-btn:hover .sidebar-arrow{color:rgba(0,0,0,0.7)}[data-theme="light"] .sidebar-arrow{color:rgba(0,0,0,0.4)}[data-theme="light"] .sidebar-submenu-link{color:rgba(0,0,0,0.6)}[data-theme="light"] .sidebar-submenu-link:hover{background:rgba(0,0,0,0.04);color:#1a1a2e}[data-theme="light"] .sidebar-submenu-link.active{color:#3b82f6}[data-theme="light"] .sidebar-divider{background:rgba(0,0,0,0.08)}[data-theme="light"] .sidebar-footer{border-top-color:rgba(0,0,0,0.08)}[data-theme="light"] .sidebar-user{background:rgba(0,0,0,0.02)}[data-theme="light"] .sidebar-user-name{color:#1a1a2e}[data-theme="light"] .sidebar-user-plan{color:rgba(0,0,0,0.5)}[data-theme="light"] .sidebar-theme-toggle .theme-btn{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);color:rgba(0,0,0,0.6)}[data-theme="light"] .sidebar-theme-toggle .theme-btn:hover{background:rgba(0,0,0,0.06);color:#1a1a2e}