.navbar{background:linear-gradient(135deg,#080c18cc,#0f172abf)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;border:1px solid rgba(167,139,250,.2)!important;box-shadow:0 8px 32px #0006,0 0 15px #a78bfa14,inset 0 1px 1px #ffffff1a!important;border-radius:24px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.navbar.scrolled{background:linear-gradient(135deg,#060911ed,#0a0f1ee0)!important;border-color:#a78bfa59!important;box-shadow:0 12px 40px -10px #000000b3,0 0 25px #a78bfa38,inset 0 1px 1px #ffffff1f!important;top:6px!important}.logo-icon{position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.logo-icon:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(.6)!important;width:45px!important;height:45px!important;background:radial-gradient(circle,rgba(93,176,242,.4) 0%,rgba(167,139,250,.2) 50%,transparent 100%)!important;filter:blur(8px)!important;z-index:-1!important;opacity:0!important;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)!important}.logo:hover .logo-icon{transform:scale(1.08) rotate(-2deg)!important}.logo:hover .logo-icon:before{opacity:1!important;transform:translate(-50%,-50%) scale(1.2)!important}.header-notif-btn{border:1px solid rgba(167,139,250,.25)!important;background:#a78bfa0f!important;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff14!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.header-notif-btn:hover{background:#a78bfa26!important;border-color:#a78bfa80!important;color:#fff!important;transform:scale(1.1) translateY(-1px)!important;box-shadow:0 8px 20px #a78bfa66,0 0 15px #38bdf84d!important}.header-notif-btn i{transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.header-notif-btn:hover i{transform:rotate(15deg) scale(1.05)!important}.header-auth-container{display:flex;align-items:center;gap:8px}.header-profile-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(167,139,250,.4)!important;background:#a78bfa14!important;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 4px 12px #00000040,inset 0 1px 1px #ffffff1a!important}.header-profile-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-profile-btn i{font-size:1.15rem;color:#a78bfa}.header-profile-btn:hover{transform:scale(1.1) translateY(-1px)!important;border-color:#a78bfab3!important;box-shadow:0 8px 20px #a78bfa66,0 0 15px #38bdf840!important}html[data-theme=light] .header-profile-btn{background:#0000000a!important;border-color:#4f46e533!important}html[data-theme=light] .header-profile-btn:hover{border-color:#4f46e573!important}.header-menu-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(167,139,250,.25)!important;background:#a78bfa0f!important;color:#a78bfa!important;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff14!important}.header-menu-btn:hover{background:#a78bfa26!important;border-color:#a78bfa80!important;color:#fff!important;transform:scale(1.08) translateY(-1px)!important;box-shadow:0 8px 20px #a78bfa66,0 0 15px #38bdf84d!important}html[data-theme=light] .header-menu-btn{background:#0000000a!important;border-color:#00000014!important;color:var(--text-secondary)!important}html[data-theme=light] .header-menu-btn:hover{background:#4f46e514!important;border-color:#4f46e526!important;color:#4f46e5!important}.header-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04060e80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s ease}.header-menu-backdrop.active{opacity:1;pointer-events:auto}.header-dropdown-menu{position:fixed;top:76px;right:16px;width:min(280px,calc(100vw - 32px));background:linear-gradient(145deg,#0c1020f5,#141b34f0)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border:1px solid rgba(167,139,250,.25)!important;border-radius:20px!important;box-shadow:0 20px 50px #000000b3,0 0 30px #a78bfa2e,inset 0 1px 1px #ffffff1f!important;padding:12px;display:flex;flex-direction:column;gap:8px;z-index:10000;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.96);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.header-dropdown-menu.active{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.dropdown-header-title{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a78bfad9;padding:4px 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.dropdown-header-title i{color:#f59e0b;font-size:.85rem;filter:drop-shadow(0 0 6px rgba(245,158,11,.6))}.header-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff08!important;color:#ffffffe6!important;font-family:Outfit,sans-serif!important;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;text-align:left}.header-dropdown-item:after{display:none!important}.header-dropdown-item:hover{background:#a78bfa24!important;border-color:#a78bfa59!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000004d,0 0 15px #a78bfa33!important}.item-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.theme-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.notif-icon-wrap{background:linear-gradient(135deg,#a855f733,#7c3aed33);color:#c084fc;border:1px solid rgba(168,85,247,.35)}.share-icon-wrap{background:linear-gradient(135deg,#38bdf833,#0ea5e933);color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.header-dropdown-item:hover .item-icon-wrap{transform:scale(1.12) rotate(6deg)}.item-label-group{display:flex;flex-direction:column;gap:1px;flex:1}.item-title{font-size:.88rem!important;font-weight:600!important;color:#fff!important}.item-subtitle{font-size:.7rem!important;font-weight:400!important;color:#ffffff73!important}.header-dropdown-item .item-kbd{font-size:.85rem;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:4px 8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.header-dropdown-item .item-kbd i{font-size:.85rem;color:#ffffffbf}html[data-theme=light] .header-menu-backdrop{background:#0f172a40}html[data-theme=light] .header-dropdown-menu{background:linear-gradient(145deg,#fffffffa,#f3f4f6f2)!important;border:1px solid rgba(79,70,229,.2)!important;box-shadow:0 20px 50px #00000026,0 0 25px #4f46e51a,inset 0 1px 1px #fff!important}html[data-theme=light] .dropdown-header-title{color:#4f46e5d9;border-bottom-color:#00000014}html[data-theme=light] .header-dropdown-item{background:#00000008!important;border-color:#0000000f;color:#1e293b!important}html[data-theme=light] .header-dropdown-item:hover{background:#4f46e514!important;border-color:#4f46e540!important;color:#4f46e5!important;box-shadow:0 8px 20px #4f46e51f!important}html[data-theme=light] .item-title{color:#1e293b!important}html[data-theme=light] .item-subtitle{color:#1e293b8c!important}html[data-theme=light] .header-dropdown-item .item-kbd{color:#0f172a99;background:#0000000a;border-color:#00000014}.nav-ai-btn{border:1px solid rgba(167,139,250,.5)!important;box-shadow:0 0 15px #a78bfa4d,inset 0 0 8px #a78bfa33!important}.nav-ai-btn:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,#a78bfa33,#38bdf833)!important;opacity:0!important;transition:opacity .3s ease!important;z-index:1!important;display:block!important}.nav-ai-btn:hover:before{opacity:1!important}.nav-ai-btn.active{border-color:#a78bfa!important;box-shadow:0 0 25px #a78bfa99!important;transform:scale(1.08)!important}@media (min-width: 1024px){.nav-menu{background:linear-gradient(135deg,#080c18d1,#0f172abf)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;border:1px solid rgba(167,139,250,.22)!important;box-shadow:inset 0 1px 1px #ffffff1f,0 16px 36px #0006,0 0 25px #a78bfa26!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;gap:8px!important;align-items:center!important;position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;z-index:9999!important;padding:8px 12px!important;border-radius:50px!important;box-shadow:0 24px 50px -10px #000000b3,0 0 30px #a78bfa38,inset 0 1px 1px #ffffff1f!important}.nav-menu:hover{transform:translate(-50%) translateY(-4px)!important;box-shadow:0 30px 60px -12px #000c,0 0 40px #a78bfa59,inset 0 1px 1px #ffffff26!important;border-color:#a78bfa59!important}}@media (max-width: 1023px){.nav-menu{display:none!important}}.nav-link{font-family:Outfit,sans-serif!important;font-weight:500!important;color:#ffffffb3!important;width:44px!important;height:44px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative!important;border:1px solid transparent!important;text-decoration:none!important}.nav-link span{display:none!important}.nav-link i{font-size:1.2rem!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)!important}.nav-link:hover{color:#fff!important;background:#a78bfa14!important;border-color:#a78bfa26!important;transform:translateY(-2px)!important}.nav-link:hover i{transform:scale(1.18)!important;color:#a78bfa!important}.nav-link.active{color:#fff!important;background:linear-gradient(135deg,#38bdf82e,#a78bfa38)!important;border-color:#a78bfa66!important;box-shadow:0 8px 20px #a78bfa2e,inset 0 1px 1px #ffffff26!important}.nav-link.active i{color:#38bdf8!important;transform:scale(1.1)!important;filter:drop-shadow(0 0 5px rgba(56,189,248,.6))!important}.nav-link.active:after{content:""!important;position:absolute!important;bottom:-6px!important;left:50%!important;transform:translate(-50%)!important;width:5px!important;height:5px!important;background:#38bdf8!important;border-radius:50%!important;box-shadow:0 0 10px #38bdf8cc!important;animation:navActivePulse 3s ease-in-out infinite!important}@keyframes navActivePulse{0%{opacity:.6;box-shadow:0 0 6px #a78bfa66;transform:scaleX(1)}50%{opacity:1;box-shadow:0 0 14px #a78bfae6;transform:scaleX(1.15)}to{opacity:.6;box-shadow:0 0 6px #a78bfa66;transform:scaleX(1)}}.mobile-nav{padding:8px 16px!important;background:linear-gradient(135deg,#080c18d9,#0f172acc)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(167,139,250,.22)!important;border-radius:40px!important;box-shadow:0 24px 50px #0009,0 0 30px #a78bfa2e,inset 0 1px 1px #ffffff1f!important;bottom:20px!important;max-width:340px!important}.mobile-nav-link{width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;text-decoration:none!important;position:relative!important}.mobile-nav-link span,.mobile-nav-link .nav-label{display:none!important}.mobile-nav-link:hover{color:#fff!important;background:#a78bfa14!important}.mobile-nav-link.active{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf826,#a78bfa2e)!important;box-shadow:0 6px 16px #a78bfa1f,inset 0 0 0 1px #a78bfa4d!important}.mobile-nav-link i{font-size:1.3rem!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.mobile-nav-link.active i,.mobile-nav-link:hover i{transform:scale(1.18)!important;color:#38bdf8!important;filter:drop-shadow(0 4px 10px rgba(56,189,248,.6))!important}.mobile-nav-link.active:after{content:""!important;position:absolute!important;bottom:-6px!important;left:50%!important;transform:translate(-50%)!important;width:5px!important;height:5px!important;background:#38bdf8!important;border-radius:50%!important;box-shadow:0 0 10px #38bdf8cc!important;animation:navActivePulse 3s ease-in-out infinite!important}.search-container input{background:#0a101e73!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 30px -10px #00000080,inset 0 1px 1px #ffffff0d!important}.search-container input:focus{background:#080c18b3!important;border-color:#38bdf8!important;box-shadow:0 0 0 4px #38bdf826,0 12px 28px -8px #38bdf859,inset 0 1px 1px #ffffff14!important;transform:translateY(-2px)!important}.search-icon{left:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.search-container:focus-within .search-icon{color:#38bdf8!important;transform:translateY(-50%) scale(1.15) rotate(5deg)!important}.tag-pill{background:#a78bfa0a!important;border:1px solid rgba(167,139,250,.15)!important;border-radius:12px!important;font-weight:500!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.tag-pill:hover{border-color:#38bdf8!important;color:#fff!important;background:linear-gradient(135deg,#38bdf82e,#a78bfa1f)!important;transform:translateY(-3px) scale(1.04)!important;box-shadow:0 8px 20px #38bdf840,0 0 10px #a78bfa26!important}.filter-bar{background:#0a101ea6!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:24px!important;box-shadow:0 12px 40px #00000080,0 0 20px #a78bfa0d,inset 0 1px 1px #ffffff14!important}.filter-btn{border-radius:16px!important;font-weight:500!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.filter-btn:hover{color:#fff!important;background:#a78bfa14!important;border-color:#a78bfa33!important;transform:translateY(-2px)!important}.filter-btn.active{background:linear-gradient(135deg,#38bdf8,#818cf8)!important;border-color:#ffffff1a!important;box-shadow:0 8px 24px #38bdf859,0 0 15px #818cf833!important}html[data-theme=light] .navbar{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9)!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 8px 32px #00000014,0 0 15px #4f46e50d,inset 0 1px 1px #fff!important}html[data-theme=light] .navbar.scrolled{background:linear-gradient(135deg,#fffffff5,#f1f5fff0)!important;border-color:#4f46e540!important;box-shadow:0 12px 40px -10px #0000001a,0 0 25px #4f46e51a,inset 0 1px 1px #fff!important}html[data-theme=light] .nav-menu{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9)!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:inset 0 1px 1px #fff,0 16px 36px #00000014,0 0 25px #4f46e50d!important}html[data-theme=light] .nav-menu:hover{box-shadow:0 30px 60px -12px #0000001f,0 0 40px #4f46e526,inset 0 1px 1px #fff!important;border-color:#4f46e540!important}html[data-theme=light] .mobile-nav{background:linear-gradient(135deg,#ffffffeb,#f8fafce0)!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 24px 50px #00000014,0 0 30px #4f46e50d,inset 0 1px 1px #fff!important}html[data-theme=light] .nav-link{color:#0f172ab3!important}html[data-theme=light] .nav-link:hover{color:#4f46e5!important;background:#4f46e514!important;border-color:#4f46e526!important}html[data-theme=light] .nav-link.active{color:#4f46e5!important;background:#4f46e51a!important;border-color:#4f46e533!important}html[data-theme=light] .mobile-nav-link{color:#0f172ab3!important}html[data-theme=light] .mobile-nav-link:hover{color:#4f46e5!important;background:#4f46e514!important}html[data-theme=light] .mobile-nav-link.active{color:#4f46e5!important;background:#4f46e51a!important}html[data-theme=light] .search-container input{background:#ffffffe6!important;border:1px solid rgba(79,70,229,.25)!important;color:var(--text-primary)!important;box-shadow:0 10px 30px -10px #00000014,inset 0 1px 1px #fff!important}html[data-theme=light] .search-container input:focus{background:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px #4f46e526,0 12px 28px -8px #4f46e526,inset 0 1px 1px #fff!important}html[data-theme=light] .filter-bar{background:#ffffffe6!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 12px 40px #00000014,0 0 20px #4f46e50d,inset 0 1px 1px #fff!important}html[data-theme=light] .filter-btn{color:var(--text-secondary)!important}html[data-theme=light] .filter-btn:hover{color:#4f46e5!important;background:#4f46e514!important;border-color:#4f46e533!important}html[data-theme=light] .filter-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#fff!important;border-color:#ffffff1a!important;box-shadow:0 8px 24px #4f46e559,0 0 15px #6366f133!important}html[data-theme=light] .header-notif-btn{background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;color:var(--text-secondary)!important}html[data-theme=light] .header-notif-btn:hover{background:#4f46e514!important;border-color:#4f46e526!important;color:#4f46e5!important}