.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,.app-sidebar.collapsed .sidebar-category-title{opacity:0;visibility:hidden;width:0}.app-sidebar.collapsed .sidebar-category-header{display:none}.app-sidebar.collapsed .sidebar-category{margin-bottom:0.25rem;padding-top:0.25rem}.app-sidebar.collapsed .sidebar-category:not(:first-child){border-top:1px solid rgba(255,255,255,0.08);margin-top:0.25rem}.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-soon{display:none}.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:0.7rem 1.1rem;border-bottom:1px solid rgba(255,255,255,0.08);min-height:56px;height:56px;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:0.55rem;text-decoration:none;color:#ffffff;font-weight:700;font-size:1.2rem;transition:opacity 0.2s;letter-spacing:-0.02em}.sidebar-brand:hover{opacity:0.9}.sidebar-logo{width:60px;height:60px;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.125rem}.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-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:0.35rem 0}.sidebar-category{margin-bottom:0.2rem}.sidebar-category:not(:first-child){border-top:1px solid rgba(255,255,255,0.08);padding-top:0.55rem;margin-top:0.2rem}.sidebar-category-header{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 1.1rem;margin-bottom:0.175rem}.collapsed .sidebar-category-header{justify-content:center;padding:0.35rem}.sidebar-category-icon{font-size:0.65rem;color:rgba(255,255,255,0.35);width:16px;text-align:center;flex-shrink:0}.sidebar-category-title{font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.35);white-space:nowrap;transition:opacity 0.3s, visibility 0.3s}.collapsed .sidebar-category-title{opacity:0;visibility:hidden;width:0}.sidebar-category-logos{display:flex;gap:0.25rem}.collapsed .sidebar-category-logos{flex-direction:column;gap:0.125rem}.sidebar-platform-logo{width:14px;height:14px;object-fit:contain;opacity:0.5;border-radius:3px}.sidebar-menu{list-style:none;margin:0;padding:0 0.675rem}.sidebar-menu-item{margin-bottom:0.1rem;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.55rem 0.8rem 0.55rem 0.35rem;background:transparent;border:none;cursor:pointer;border-radius:0 8px 8px 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.6rem;padding:0.55rem 0.8rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:8px;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:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;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.85rem;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-badge-soon{background:rgba(255,193,7,0.15);color:#ffc107;font-size:0.6rem;font-weight:600;padding:0.15rem 0.4rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.03em;margin-left:auto;border:1px solid rgba(255,193,7,0.25)}.collapsed .sidebar-badge-soon{display:none}.sidebar-badge-beta{background:linear-gradient(135deg, rgba(168,85,247,0.2) 0%, rgba(139,92,246,0.2) 100%);color:#a855f7;font-size:0.55rem;font-weight:700;padding:0.1rem 0.35rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;margin-left:auto;border:1px solid rgba(168,85,247,0.35);flex-shrink:0}.collapsed .sidebar-badge-beta{display:none}.sidebar-menu-link-disabled{cursor:not-allowed;opacity:0.6}.sidebar-menu-link-disabled:hover{background:transparent !important;color:rgba(255,255,255,0.7)}.sidebar-icon-img{width:20px;height:20px;object-fit:contain;flex-shrink:0;border-radius:4px}.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.2rem 0}.sidebar-submenu-link{display:flex;align-items:center;gap:0.55rem;padding:0.45rem 0.8rem 0.45rem 2.15rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:6px;font-size:0.8rem;transition:all 0.2s}.sidebar-submenu-link i{font-size:0.7rem;width:14px;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:0.675rem 0.675rem}.sidebar-footer{padding:0.675rem;border-top:1px solid rgba(255,255,255,0.08);margin-top:auto;flex-shrink:0}.sidebar-theme-toggle{margin-bottom:0.55rem}.sidebar-theme-toggle .theme-btn{display:flex;align-items:center;gap:0.6rem;width:100%;padding:0.5rem 0.8rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;font-size:0.8rem}.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.8rem}.sidebar-user{display:flex;align-items:center;gap:0.6rem;padding:0.55rem;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:0.55rem}.sidebar-user-avatar{width:34px;height:34px;background:linear-gradient(135deg, #3b82f6, #0a59da);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:0.8rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden;transition:opacity 0.3s, visibility 0.3s, width 0.3s;line-height:1.25}.sidebar-user-name{font-size:0.8rem;font-weight:500;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:0.7rem;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.6rem;width:100%;padding:0.5rem 0.8rem;color:rgba(234,179,8,0.9);text-decoration:none;border-radius:6px;font-size:0.8rem;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.8rem}.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}}@media (max-height: 800px){.sidebar-header{padding:0.35rem 0.7rem;min-height:50px;height:50px}.sidebar-logo{width:54px;height:54px}.sidebar-brand-text{font-size:1.05rem}.sidebar-nav{padding:0.2rem 0}.sidebar-category{margin-bottom:0.1rem}.sidebar-category:not(:first-child){padding-top:0.35rem;margin-top:0.1rem}.sidebar-category-header{padding:0.2rem 0.7rem;margin-bottom:0.1rem}.sidebar-category-icon{font-size:0.6rem;width:14px}.sidebar-category-title{font-size:0.6rem}.sidebar-menu{padding:0 0.55rem}.sidebar-menu-item{margin-bottom:0.065rem}.sidebar-menu-link{padding:0.45rem 0.7rem;gap:0.55rem;border-radius:7px}.sidebar-menu-link-wrapper .sidebar-menu-link{padding-right:0.2rem}.sidebar-arrow-btn{padding:0.45rem 0.7rem 0.45rem 0.2rem}.sidebar-icon{width:16px;height:16px;font-size:0.8rem}.sidebar-text{font-size:0.8rem}.open>.sidebar-submenu{padding:0.1rem 0}.sidebar-submenu-link{padding:0.3rem 0.7rem 0.3rem 1.9rem;font-size:0.75rem;gap:0.45rem;border-radius:5px}.sidebar-submenu-link i{font-size:0.675rem;width:12px}.sidebar-footer{padding:0.55rem 0.7rem}.sidebar-theme-toggle{margin-bottom:0.35rem}.sidebar-theme-toggle .theme-btn{padding:0.35rem 0.7rem;font-size:0.75rem;gap:0.55rem;border-radius:5px}.sidebar-user{padding:0.45rem;margin-bottom:0.35rem;gap:0.55rem;border-radius:7px}.sidebar-user-avatar{width:30px;height:30px;font-size:0.7rem;border-radius:7px}.sidebar-user-name{font-size:0.75rem}.sidebar-user-plan{font-size:0.675rem}.sidebar-logout{padding:0.35rem 0.7rem;font-size:0.75rem;gap:0.55rem}.sidebar-logout i{font-size:0.75rem}}@media (max-height: 700px){.sidebar-header{padding:0.2rem 0.55rem;min-height:42px;height:42px}.sidebar-logo{width:45px;height:45px}.sidebar-brand-text{font-size:0.9rem}.sidebar-category:not(:first-child){padding-top:0.2rem}.sidebar-category-header{padding:0.1rem 0.55rem}.sidebar-category-icon{font-size:0.55rem}.sidebar-category-title{font-size:0.55rem}.sidebar-menu-link{padding:0.3rem 0.55rem;gap:0.45rem}.sidebar-arrow-btn{padding:0.3rem 0.55rem 0.3rem 0.1rem}.sidebar-icon{width:14px;height:14px;font-size:0.7rem}.sidebar-text{font-size:0.7rem}.sidebar-submenu-link{padding:0.2rem 0.55rem 0.2rem 1.6rem;font-size:0.675rem}.sidebar-submenu-link i{font-size:0.55rem;width:10px}.sidebar-footer{padding:0.35rem 0.55rem}.sidebar-theme-toggle{margin-bottom:0.2rem}.sidebar-theme-toggle .theme-btn{padding:0.25rem 0.55rem;font-size:0.675rem}.sidebar-user{padding:0.3rem;margin-bottom:0.2rem;gap:0.45rem}.sidebar-user-avatar{width:25px;height:25px;font-size:0.6rem}.sidebar-user-name{font-size:0.675rem}.sidebar-user-plan{font-size:0.55rem}.sidebar-logout{padding:0.25rem 0.55rem;font-size:0.675rem}.sidebar-logout i{font-size:0.675rem}}[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-category:not(:first-child){border-top-color:rgba(0,0,0,0.08)}[data-theme="light"] .sidebar-category-icon,[data-theme="light"] .sidebar-category-title{color:rgba(0,0,0,0.4)}[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}