.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(26,26,26,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(0,220,94,.2)!important;z-index:9999!important;padding:.75rem 0!important;min-height:70px!important;display:block!important;visibility:visible!important;opacity:1!important}.navbar-container{max-width:100%!important;margin:0 auto!important;padding:0 2rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:2rem!important}.navbar-logo a{display:flex;align-items:center}.navbar-logo img{height:50px;width:auto;transition:opacity .3s ease;filter:brightness(0) saturate(100%) invert(85%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(90%)}.navbar-logo a:hover img{opacity:.8}.navbar-user-section{display:flex;align-items:center;gap:1.5rem}.navbar-level-text{font-family:Geist Mono,monospace;font-size:.85rem;font-weight:700;color:var(--accent-1);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.navbar-points{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,220,94,.05);border-radius:8px;transition:all .3s ease}.navbar-points:hover{background:rgba(0,220,94,.1)}.points-icon{width:20px;height:20px;color:var(--accent-1)}.points-text{font-family:Geist Mono,monospace;font-size:.85rem;font-weight:700;color:var(--base-100);white-space:nowrap;letter-spacing:.5px}.navbar-progress{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.5rem 1rem!important;background:rgba(0,220,94,.05)!important;border-radius:8px!important;transition:all .3s ease!important;visibility:visible!important;opacity:1!important}.navbar-progress:hover{background:rgba(0,220,94,.1)!important}.navbar-progress-wrapper{display:flex!important;flex-direction:column!important;gap:.25rem!important;align-items:flex-start!important}.navbar-progress-bar{width:120px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;position:relative!important;border:1px solid rgba(255,255,255,.2)!important}.navbar-progress-bar,.navbar-progress-fill{height:8px!important;display:block!important;visibility:visible!important;opacity:1!important}.navbar-progress-fill{min-height:8px!important;background:var(--accent-1)!important;border-radius:0!important;transition:width .3s ease!important;box-shadow:0 0 10px rgba(0,220,94,.3)!important;position:absolute!important;top:0!important;left:0!important}.navbar-progress-percentage{font-family:Geist Mono,monospace!important;font-size:.65rem!important;font-weight:600!important;color:rgba(255,255,255,.6)!important;white-space:nowrap!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.navbar-dashboard{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);color:var(--base-100);transition:all .3s ease;cursor:pointer}.navbar-dashboard:hover{background:rgba(0,220,94,.1);color:var(--accent-1)}.navbar-dashboard svg{width:24px;height:24px}.navbar-hb-button{width:50px;height:50px;border-radius:8px;background:var(--accent-1);color:#000;font-weight:900;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px rgba(0,220,94,.3)}.navbar-hb-button:hover{background:#00dc5e;box-shadow:0 0 30px rgba(0,220,94,.5);transform:translateY(-2px)}.navbar-hb-button:active{transform:translateY(0)}.navbar-menu-toggle{padding:.75rem;background:var(--base-200);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.navbar-menu-toggle:hover{background:rgba(0,220,94,.1)}.navbar-menu-toggle svg{width:28px;height:28px;color:var(--accent-1)}.menu-label{font-family:Neusharp,sans-serif;font-size:.85rem;font-weight:900;color:var(--base-100);text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width:1200px){.navbar-user-section{gap:1rem}.navbar-level-text{font-size:.8rem}.navbar-progress-bar{width:100px!important}.navbar-progress-percentage{font-size:.6rem!important}}@media screen and (max-width:900px){.navbar-container{padding:0 .75rem;gap:.5rem!important}.navbar-user-section{gap:.4rem}.navbar-level-text{font-size:.65rem}.navbar-points{padding:.3rem .5rem;gap:.3rem}.points-icon{width:14px;height:14px}.points-text{font-size:.7rem}.navbar-progress{padding:.3rem .5rem!important;gap:.5rem!important}.navbar-progress-bar{width:50px!important}.navbar-menu-toggle{padding:.5rem}.navbar-menu-toggle svg{width:24px;height:24px}}@media screen and (max-width:768px){.navbar-container{gap:.5rem!important}.navbar-logo img{height:38px}.navbar-user-section{gap:.5rem}.navbar-points{padding:.3rem .5rem;gap:.3rem}.points-icon{width:14px;height:14px}.points-text{font-size:.7rem}.navbar-progress{display:none}.navbar-menu-toggle{padding:.5rem}.navbar-menu-toggle svg{width:24px;height:24px}}@media screen and (max-width:480px){.navbar-container{padding:0 .5rem!important;gap:.5rem!important}.navbar-logo img{height:34px}.navbar-user-section{gap:.4rem}.navbar-level-text{font-size:.7rem}.navbar-points{gap:.25rem;padding:.25rem .4rem}.points-icon{width:12px;height:12px}.points-text{font-size:.65rem}.navbar-menu-toggle{padding:.4rem}.navbar-menu-toggle svg{width:22px;height:22px}}.navbar-auth-buttons{display:flex;align-items:center;gap:.75rem}.navbar-btn-primary,.navbar-btn-secondary{padding:.6rem 1.25rem;border-radius:8px;font-family:Grift,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;transition:all .3s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.navbar-btn-primary{background:var(--accent-1,#00dc5e);color:#000;box-shadow:0 0 15px rgba(0,220,94,.3)}.navbar-btn-primary:hover{background:#00ff6b;transform:translateY(-2px);box-shadow:0 0 25px rgba(0,220,94,.5)}.navbar-btn-secondary{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.15)}.navbar-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.navbar-btn-tertiary{padding:.6rem 1.25rem;border-radius:8px;font-family:Grift,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;transition:all .3s cubic-bezier(.2,.8,.2,1);white-space:nowrap;background:transparent;color:rgba(255,255,255,.7);border:none}.navbar-btn-tertiary:hover{color:var(--accent-1,#00dc5e);transform:translateY(-2px)}@media screen and (max-width:768px){.navbar-auth-buttons{gap:.5rem}.navbar-btn-primary,.navbar-btn-secondary,.navbar-btn-tertiary{padding:.5rem .75rem;font-size:.7rem}}@media screen and (max-width:600px){.navbar-btn-tertiary{display:none}}@media screen and (max-width:480px){.navbar-btn-secondary{display:none}.navbar-btn-primary{padding:.5rem 1rem;font-size:.7rem}}.navbar-profile-container{position:relative}.navbar-profile-button{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent-1);background:transparent;cursor:pointer;padding:0;transition:all .3s ease;overflow:hidden}.navbar-profile-button:hover{border-color:#00dc5e;box-shadow:0 0 15px rgba(0,220,94,.4);transform:scale(1.05)}.navbar-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.navbar-profile-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-1),#00a852);color:#000;font-family:Neusharp,sans-serif;font-size:1.1rem;font-weight:900;border-radius:50%}.navbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:rgba(26,26,26,.98);border:1px solid rgba(0,220,94,.3);border-radius:12px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000}.navbar-dropdown-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.75rem}.navbar-dropdown-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent-1);object-fit:cover}.navbar-dropdown-user{padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.75rem}.navbar-dropdown-username{font-family:Neusharp,sans-serif;font-size:.95rem;font-weight:700;color:var(--base-100);margin:0 0 .25rem}.navbar-dropdown-email{font-family:Geist Mono,monospace;font-size:.75rem;color:rgba(255,255,255,.6);margin:0;word-break:break-all}.navbar-dropdown-link{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;background:rgba(0,220,94,.1);border:1px solid rgba(0,220,94,.3);border-radius:8px;color:#00dc5e;font-family:Neusharp,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s ease;margin-bottom:.5rem}.navbar-dropdown-link:hover{background:rgba(0,220,94,.2);border-color:rgba(0,220,94,.5);transform:translateY(-1px)}.navbar-dropdown-link svg{width:16px;height:16px}.navbar-dropdown-logout{width:100%;padding:.6rem 1rem;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#dc2626;font-family:Neusharp,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease}.navbar-dropdown-logout:hover{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.5);transform:translateY(-1px)}@media screen and (max-width:360px){.navbar-container{padding:0 .4rem!important;gap:.4rem!important}.navbar-logo img{height:30px}.navbar-user-section{gap:.3rem}.navbar-points{gap:.2rem;padding:.2rem .3rem}.points-icon{width:10px;height:10px}.points-text{font-size:.6rem}.navbar-menu-toggle{padding:.3rem}.navbar-menu-toggle svg{width:20px;height:20px}.navbar-profile-button{width:32px;height:32px}.navbar-dropdown{min-width:180px}}.navbar-packs-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.2));border:1px solid rgba(245,158,11,.4);border-radius:10px;cursor:pointer;transition:all .3s ease;animation:pack-glow 2s ease-in-out infinite}.navbar-packs-button:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.3));transform:translateY(-2px);box-shadow:0 4px 15px rgba(245,158,11,.3)}.navbar-packs-button:active{transform:translateY(0)}.navbar-packs-button.opening{pointer-events:none;opacity:.7}.navbar-packs-button.opening .packs-icon{animation:spin 1s linear infinite}.packs-icon{width:24px;height:24px;color:#f59e0b}.packs-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;font-family:Geist Mono,monospace;font-size:.7rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.4)}@keyframes pack-glow{0%,to{box-shadow:0 0 5px rgba(245,158,11,.2)}50%{box-shadow:0 0 15px rgba(245,158,11,.4),0 0 25px rgba(245,158,11,.2)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}