.nav-item-dropdown{display:flex;flex-direction:column}.dropdown-menu{display:none;max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.25, .1, .25, 1)}.dropdown-menu.show{display:block;max-height:200px;opacity:1}.dropdown-item{padding-right:30px!important;font-size:13px!important;margin-bottom:2px!important;transform:translateY(-15px);transition:transform .6s cubic-bezier(.25, .1, .25, 1) .1s,opacity .6s cubic-bezier(.25, .1, .25, 1) .1s;opacity:0}.dropdown-menu.show .dropdown-item{transform:translateY(0);opacity:1}.sidebar.collapsed .dropdown-item,.sidebar.collapsed .dropdown-menu{display:none!important}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:var(--header-height,60px);right:0;height:calc(100dvh - var(--header-height,60px));height:calc(100vh - var(--header-height,60px));z-index:2100;transition:width .3s cubic-bezier(.4, 0, .2, 1),transform .3s cubic-bezier(.4, 0, .2, 1);padding-bottom:0;overflow:hidden}.nav-links{flex:1;padding:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary) var(--sidebar-bg);padding-bottom:20px}.nav-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin:20px 10px 10px;font-weight:700;letter-spacing:1px;white-space:nowrap;opacity:1;transition:opacity .3s ease .1s}.nav-item{display:flex;align-items:center;padding:12px 15px;color:#e0e0e0;border-radius:8px;transition:all .3s ease;margin-bottom:5px;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;cursor:pointer;border-bottom:none;box-shadow:none;text-decoration:none}.nav-item:focus,.nav-item:hover,.nav-item:visited{text-decoration:none;border-bottom:none}.nav-item span{opacity:1;margin-right:10px;transition:opacity .3s ease .1s}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{border-right:3px solid var(--primary);background:linear-gradient(90deg,rgba(79,240,183,.1) 0,transparent 100%);font-weight:700}.nav-item img{min-width:24px;width:24px;height:24px;margin-left:10px;flex-shrink:0;transition:filter .3s ease;filter:invert(1) grayscale(1) brightness(2)}.nav-item.active img,.nav-item:hover img{filter:invert(1) grayscale(1) brightness(2) contrast(1.2)}.user-profile{padding:20px 15px;border-top:1px solid var(--border);display:flex;align-items:center;gap:15px;overflow:hidden;white-space:nowrap;flex-shrink:0;background:var(--sidebar-bg);z-index:10;position:relative;padding-bottom:calc(25px + env(safe-area-inset-bottom));margin-bottom:env(safe-area-inset-bottom)}.user-profile div{transition:opacity .3s ease .1s;opacity:1}.sidebar.collapsed{width:72px;padding:0}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-profile button,.sidebar.collapsed .user-profile div:not(:first-child){display:none!important}.sidebar.collapsed .user-profile{justify-content:center!important;padding:15px 0!important}.sidebar.collapsed .user-profile .profile-avatar,.sidebar.collapsed .user-profile img{width:40px!important;height:40px!important;margin:0 auto!important}.sidebar.collapsed .nav-item{justify-content:center;padding:0;width:50px;height:50px;margin:8px auto;border-radius:12px}.sidebar.collapsed .nav-item img{margin:0;width:28px;height:28px;filter:invert(1) grayscale(1) brightness(2)}.sidebar.collapsed .nav-links{padding:10px 0}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0!important}.sidebar::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.nav-links::-webkit-scrollbar{width:8px}.nav-links::-webkit-scrollbar-track{background:0 0!important}.nav-links::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}body.no-scroll,html.no-scroll{overflow:hidden;height:100%}@media (min-width:1201px){.sidebar{transform:translateX(0)}.main-content.expanded,.sidebar.collapsed+.mobile-overlay+.main-content{margin-right:90px!important}.sidebar:not(.collapsed)+.mobile-overlay+.main-content{margin-right:var(--sidebar-width)!important}}@media (min-width:769px) and (max-width:1200px){.sidebar{width:72px;padding:0;transform:translateX(0);transition:width .3s cubic-bezier(.4, 0, .2, 1)}.sidebar .nav-label{display:none}.sidebar .nav-item span,.sidebar .user-profile button,.sidebar .user-profile div:not(:first-child){display:none!important}.sidebar .user-profile{justify-content:center!important;padding:15px 0!important}.sidebar .user-profile .profile-avatar,.sidebar .user-profile img{width:40px!important;height:40px!important;margin:0 auto!important}.sidebar .nav-item{justify-content:center;padding:0;width:50px;height:50px;margin:8px auto;border-radius:12px}.sidebar .nav-item img{margin:0;width:28px;height:28px;filter:invert(1) grayscale(1) brightness(2)}.sidebar .nav-links{padding:10px 0}.sidebar.active{width:var(--sidebar-width);padding:0;z-index:1600;box-shadow:-5px 0 25px rgba(0,0,0,.4)}.sidebar.active .nav-label{display:block}.sidebar.active .nav-item span{display:inline!important;opacity:1}.sidebar.active .nav-item .glowing-new-badge{display:inline-flex!important}.sidebar.active .nav-item .badge-dot{display:inline-block!important}.sidebar.active .user-profile div:not(:first-child){display:block!important}.sidebar.active .user-profile button{display:flex!important}.sidebar.active .user-profile{justify-content:flex-start!important;padding:20px 15px!important}.sidebar.active .user-profile .profile-avatar,.sidebar.active .user-profile img{width:35px!important;height:35px!important;margin:0!important}.sidebar.active .nav-item{justify-content:flex-start;padding:12px 15px;width:auto;height:auto;margin:0 0 5px 0;border-radius:8px}.sidebar.active .nav-item img{margin-left:10px;width:24px;height:24px}.sidebar.active .nav-links{padding:10px}.main-content{margin-right:72px!important}.mobile-overlay{display:none;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:rgba(0,0,0,.5);z-index:1500!important;backdrop-filter:blur(3px);touch-action:none;overscroll-behavior:contain}.mobile-overlay.active{display:block}}.download-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.download-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden;border:1px solid var(--border);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--primary) 0,#2a9d8f 100%);padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.modal-header h3 i{font-size:20px}.modal-close{background:rgba(255,255,255,.2);border:none;width:30px;height:30px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.modal-content{padding:25px}.modal-description{text-align:center;color:var(--text-muted);margin-bottom:25px;font-size:14px;line-height:1.5}.device-options{display:flex;flex-direction:column;gap:15px}.device-option{display:flex;align-items:center;padding:18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.device-option:hover{background:rgba(79,240,183,.1);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,240,183,.2)}.device-option:hover::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary)}.device-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0,#2a9d8f 100%);display:flex;align-items:center;justify-content:center;margin-left:15px;flex-shrink:0}.device-icon i{font-size:24px;color:#fff}.device-info{flex:1}.device-info h4{margin:0 0 5px 0;color:var(--text);font-size:16px;font-weight:600}.device-info p{margin:0;color:var(--text-muted);font-size:13px}.device-arrow{color:var(--text-muted);transition:all .3s ease}.device-option:hover .device-arrow{color:var(--primary);transform:translateX(-5px)}@media (max-width:480px){.download-modal{margin:10px;max-width:none}.modal-content{padding:20px}.device-option{padding:15px}.device-icon{width:45px;height:45px;margin-left:12px}.device-icon i{font-size:20px}}@media (max-width:768px){.sidebar{transform:translateX(100%);width:80%;max-width:300px;z-index:1600!important;top:var(--header-height,60px)!important;height:calc(100dvh - var(--header-height,60px))!important;height:calc(100vh - var(--header-height,60px))!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.user-profile{padding-bottom:calc(15px + env(safe-area-inset-bottom))!important;flex-shrink:0}.sidebar.active{transform:translateX(0)}.nav-links{padding-top:0;padding-bottom:10px!important;min-height:0}.mobile-overlay{display:none;position:fixed;top:var(--header-height,60px);left:0;width:100%;height:calc(100vh - var(--header-height,60px));background:rgba(0,0,0,.7);z-index:30!important;backdrop-filter:blur(3px);touch-action:none;overscroll-behavior:contain}.mobile-overlay.active{display:block}}.nav-item{position:relative}.glowing-new-badge{display:inline-flex;align-items:center;gap:6px;position:absolute;left:10px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(79,240,183,.12) 0,rgba(3,11,11,.6) 100%);color:#fff;font-size:11px;font-weight:800;padding:5px 12px 5px 10px;border-radius:8px;border:1px solid rgba(79,240,183,.3);letter-spacing:.5px;line-height:1;white-space:nowrap;box-shadow:0 0 15px rgba(79,240,183,.15);text-shadow:0 0 8px rgba(79,240,183,.4)}.badge-dot{width:7px;height:7px;background:#4ff0b7;border-radius:50%;box-shadow:0 0 4px rgba(79,240,183,.5);animation:pulse-dot 2.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,100%{opacity:.7}50%{opacity:1}}.sidebar.collapsed .badge-dot,.sidebar.collapsed .glowing-new-badge{display:none!important}.sidebar.collapsed .dropdown-arrow{display:none!important}@media (min-width:769px) and (max-width:1200px){.sidebar:not(.active) .glowing-new-badge{display:none!important}.sidebar:not(.active) .dropdown-arrow{display:none!important}}