.navbar[data-v-49ad690d]{align-items:center;background-color:#111;border-bottom:2px solid #7289da;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;transition:transform .3s ease-in-out,opacity .2s ease;width:100%;z-index:1000}.navbar-spacer[data-v-49ad690d]{height:83px}.navbar-hidden[data-v-49ad690d]{opacity:.95;transform:translateY(-100%)}.navbar-left[data-v-49ad690d]{align-items:center;display:flex;flex:1;overflow:hidden}.navbar-logo .logo[data-v-49ad690d]{height:50px;transition:transform .2s ease}.navbar-logo:hover .logo[data-v-49ad690d]{transform:scale(1.05)}.navbar-links[data-v-49ad690d]{display:flex;gap:25px;list-style:none;margin-left:30px;padding:0}.navbar-links a[data-v-49ad690d]{color:#fff;font-size:18px;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.active-link[data-v-49ad690d],.navbar-links a[data-v-49ad690d]:hover{color:#82a1ff}.navbar-links a[data-v-49ad690d]:after{background-color:#7289da;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.active-link[data-v-49ad690d]:after,.navbar-links a[data-v-49ad690d]:hover:after{width:100%}.navbar-login[data-v-49ad690d]{flex-shrink:0;margin-left:15px}.login-button[data-v-49ad690d],.navbar-login[data-v-49ad690d]{align-items:center;display:flex}.login-button[data-v-49ad690d]{background-color:#7289da;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;gap:8px;padding:10px 20px;transition:all .3s}.login-button[data-v-49ad690d]:hover{background-color:#5f73b1;box-shadow:0 4px 8px #7289da4d;transform:translateY(-2px)}.discord-icon[data-v-49ad690d]{height:18px;width:24px}.navbar-toggle[data-v-49ad690d]{color:#fff;cursor:pointer;display:none;font-size:30px;z-index:1001}.avatar-container[data-v-49ad690d]{align-items:center;display:inline-flex;justify-content:center;position:relative}.avatar[data-v-49ad690d]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .2s ease;width:40px;z-index:1}.user-menu:hover .avatar[data-v-49ad690d]{transform:scale(1.05)}.avatar-decoration[data-v-49ad690d]{height:50px;position:absolute;width:50px;z-index:2}.user-menu[data-v-49ad690d]{align-items:center;background-color:#2c2f33;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .3s;width:200px}.user-menu[data-v-49ad690d]:hover{background-color:#3a3e44;transform:translateY(-2px)}.user-name[data-v-49ad690d]{color:#fff;font-size:16px;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-49ad690d]{font-size:12px;margin-left:auto;transition:transform .3s}.arrow-up[data-v-49ad690d]{transform:rotate(180deg)}.mobile-menu[data-v-49ad690d]{align-items:center;background-color:#121212fa;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding-top:80px;position:fixed;text-align:center;top:0;touch-action:none;width:100%;z-index:999}.menu-slide-in[data-v-49ad690d]{animation:slideIn-49ad690d .3s forwards}body.menu-open[data-v-49ad690d]{height:100%;overflow:hidden;position:fixed;width:100%}@keyframes slideIn-49ad690d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu ul[data-v-49ad690d]{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0 auto;max-width:300px;padding:0;width:90%}.mobile-menu li[data-v-49ad690d]{margin:5px 0}.mobile-menu a[data-v-49ad690d]{color:#fff;display:block;font-size:20px;padding:8px;text-decoration:none;transition:color .3s}.mobile-menu a[data-v-49ad690d]:hover{color:#82a1ff}.mobile-login[data-v-49ad690d]{font-size:18px;justify-content:center;margin:15px auto;max-width:280px;padding:12px;width:90%}.user-dropdown-container[data-v-49ad690d]{position:relative}.custom-dropdown[data-v-49ad690d]{background-color:#2c2f33;border-radius:8px;box-shadow:0 5px 15px #00000080;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:200px;z-index:1000}.user-dropdown-container[data-v-49ad690d]:after{background-color:transparent;content:"";height:5px;left:0;position:absolute;top:100%;width:100%}.show-dropdown[data-v-49ad690d]{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-header[data-v-49ad690d]{align-items:center;background-color:#202225;border-bottom:1px solid #3e4147;display:flex;gap:10px;padding:15px}.dropdown-avatar-container[data-v-49ad690d]{margin-right:5px}.dropdown-avatar[data-v-49ad690d]{border-radius:50%;height:30px;-o-object-fit:cover;object-fit:cover;width:30px}.dropdown-avatar-decoration[data-v-49ad690d]{height:40px;position:absolute;width:40px;z-index:2}.dropdown-username[data-v-49ad690d]{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item[data-v-49ad690d]{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:background-color .2s}.dropdown-item[data-v-49ad690d]:hover{background-color:#3a3e44}.dropdown-divider[data-v-49ad690d]{background-color:#3e4147;height:1px;margin:5px 0}.icon[data-v-49ad690d]{color:#fff}.logout[data-v-49ad690d]{color:#ed4245}.mobile-user-section[data-v-49ad690d]{border-top:1px solid hsla(0,0%,100%,.1);margin-top:15px;padding-top:15px;width:100%}.mobile-user-info[data-v-49ad690d]{align-items:center;background-color:#2c2f33;border-radius:8px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin:10px auto;max-width:280px;padding:12px;transition:background-color .2s;width:90%}.mobile-user-info[data-v-49ad690d]:hover{background-color:#3a3e44}.mobile-user-name[data-v-49ad690d]{flex:1;max-width:150px;text-align:left}.mobile-arrow[data-v-49ad690d]{margin-left:auto}.mobile-avatar-container[data-v-49ad690d]{display:inline-flex;position:relative}.mobile-avatar[data-v-49ad690d]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .2s ease;width:40px;z-index:1}.mobile-user-info:hover .mobile-avatar[data-v-49ad690d]{transform:scale(1.05)}.mobile-avatar-decoration[data-v-49ad690d]{height:50px;position:absolute;width:50px;z-index:2}.mobile-user-info .user-name[data-v-49ad690d]{font-size:18px}.mobile-user-links[data-v-49ad690d]{align-items:center;display:flex;flex-direction:column;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .2s ease;width:100%}.show-mobile-dropdown[data-v-49ad690d]{max-height:300px;opacity:1}.fade-in-item[data-v-49ad690d]{animation:fadeInItem-49ad690d .3s forwards;animation-delay:calc(var(--item-index, 0)*.05s);opacity:0;transform:translateY(5px)}.mobile-menu-item[data-v-49ad690d]{align-items:center;background-color:#2c2f33;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:12px;justify-content:flex-start;margin:0 auto;max-width:280px;padding:12px;transition:background-color .2s,transform .2s;width:90%;--item-index:0}.mobile-menu-item[data-v-49ad690d]:first-child{--item-index:1}.mobile-menu-item[data-v-49ad690d]:nth-child(2){--item-index:2}.mobile-menu-item[data-v-49ad690d]:nth-child(3){--item-index:3}.mobile-menu-item[data-v-49ad690d]:nth-child(4){--item-index:4}.mobile-menu-item[data-v-49ad690d]:hover{background-color:#3a3e44;transform:translate(5px)}@keyframes fadeInItem-49ad690d{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.navbar[data-v-49ad690d]{padding:15px 20px}.navbar-links[data-v-49ad690d]{gap:20px}.login-button[data-v-49ad690d],.navbar-links a[data-v-49ad690d]{font-size:16px}.login-button[data-v-49ad690d]{padding:8px 15px}.navbar-spacer[data-v-49ad690d]{height:78px}.user-menu[data-v-49ad690d]{width:180px}.user-name[data-v-49ad690d]{max-width:100px}}@media (max-width:768px){.navbar-links[data-v-49ad690d]{display:none}.navbar-toggle[data-v-49ad690d]{display:block}.navbar-login[data-v-49ad690d]{display:none}.navbar-logo .logo[data-v-49ad690d]{height:40px}.navbar-logo[data-v-49ad690d]{cursor:pointer}.custom-dropdown[data-v-49ad690d]{max-width:90vw;width:200px}.mobile-menu .user-menu[data-v-49ad690d]{justify-content:center;margin-top:15px}.navbar-spacer[data-v-49ad690d]{height:70px}}@media (max-width:480px){.navbar[data-v-49ad690d]{padding:12px 15px}.navbar-logo .logo[data-v-49ad690d]{height:35px}.login-text[data-v-49ad690d]{display:none}.login-button[data-v-49ad690d]{padding:8px}.mobile-menu[data-v-49ad690d]{padding-top:80px}.mobile-menu ul[data-v-49ad690d]{margin-top:0}.mobile-menu a[data-v-49ad690d]{font-size:18px;padding:10px 5px}.mobile-user-info .user-name[data-v-49ad690d]{font-size:16px;max-width:120px}.mobile-avatar[data-v-49ad690d]{height:36px;width:36px}.mobile-avatar-decoration[data-v-49ad690d]{height:45px;width:45px}.navbar-spacer[data-v-49ad690d]{height:63px}}@media (max-width:320px){.section-title[data-v-49ad690d]{font-size:1.6rem}.server-name[data-v-49ad690d]{font-size:1rem}.error-container[data-v-49ad690d],.no-results[data-v-49ad690d],.no-servers[data-v-49ad690d]{min-height:180px;padding:15px 10px}.error-container p[data-v-49ad690d],.no-results p[data-v-49ad690d],.no-servers p[data-v-49ad690d]{font-size:.85rem;padding:0 3px}}.footer[data-v-f0d63c1c]{background-color:#111;border-top:1px solid #7289da;color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:auto;padding:15px 0;position:relative;text-align:center}.footer-container[data-v-f0d63c1c]{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:800px;padding:0 15px}.footer-main[data-v-f0d63c1c]{gap:20px;justify-content:center}.footer-brand[data-v-f0d63c1c],.footer-main[data-v-f0d63c1c]{align-items:center;display:flex;flex-direction:column}.footer-brand[data-v-f0d63c1c]{gap:15px}.footer-logo[data-v-f0d63c1c]{border-radius:25%;height:40px;margin-bottom:5px;width:auto}.bot-description[data-v-f0d63c1c]{align-items:center;display:flex;flex-direction:column;gap:15px}.bot-description p[data-v-f0d63c1c]{color:#bbb;font-size:1rem;margin:0}.add-bot-button[data-v-f0d63c1c]{align-items:center;background-color:#7289da;border:none;border-radius:4px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.add-bot-button[data-v-f0d63c1c]:hover{background-color:#5a6ebd;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.discord-icon[data-v-f0d63c1c]{height:14px;width:18px}.footer-bottom[data-v-f0d63c1c]{align-items:center;border-top:1px solid #333;display:flex;justify-content:center;padding-top:10px}.footer-bottom p[data-v-f0d63c1c]{color:#999;font-size:.8rem;margin:0}@media (max-width:768px){.footer-bottom[data-v-f0d63c1c]{flex-direction:column;text-align:center}}@media (max-width:480px){.footer[data-v-f0d63c1c]{padding:20px 0}}.footer-fixed[data-v-f0d63c1c]{bottom:0;left:0;position:fixed;width:100%;z-index:100}