.navbar.svelte-xr7r04{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:850px;height:60px;background-color:#141414;border:1px solid #1c1c1c;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;-webkit-user-select:none;user-select:none}.left.svelte-xr7r04{display:flex;align-items:center;gap:1.5rem}.desktop-menu.svelte-xr7r04{display:flex;gap:1.5rem}.right.svelte-xr7r04{display:flex;align-items:center;gap:1rem}.navbar-title.svelte-xr7r04{display:flex;align-items:center;text-decoration:none}.navbar-logo.svelte-xr7r04{height:32px;width:auto;object-fit:contain;outline:none}.divider.svelte-xr7r04{width:1px;height:30px;background-color:#2a2a2a}.nav-button.svelte-xr7r04{color:#c8c8c8;font-size:1rem;font-weight:400;cursor:pointer;transition:color .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.nav-button.svelte-xr7r04 .nav-icon{width:16px;height:16px}.nav-button.svelte-xr7r04:hover,.nav-button.active.svelte-xr7r04{color:#fff}.profile.svelte-xr7r04{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.profile.svelte-xr7r04:hover{transform:scale(1.05)}.credit-text.svelte-xr7r04{color:#fff;font-size:1rem;font-weight:600;margin-right:.5rem;display:flex;align-items:center;gap:.3rem;-webkit-user-select:text;user-select:text}.credit-text.svelte-xr7r04 .credit-icon{width:16px;height:16px}.dropdown-content{min-width:220px!important;padding:.5rem!important;background:#111!important;border:1px solid #222!important;border-radius:12px!important;z-index:1000!important}.dropdown-header.svelte-xr7r04{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem}.dropdown-avatar.svelte-xr7r04{width:40px;height:40px;border-radius:50%;object-fit:cover}.dropdown-user-info.svelte-xr7r04{display:flex;flex-direction:column;gap:.15rem}.dropdown-name.svelte-xr7r04{font-size:.95rem;font-weight:600;color:#fff}.dropdown-balance.svelte-xr7r04{font-size:.8rem;color:#60a5fa;display:flex;align-items:center;gap:.3rem}.dropdown-balance.svelte-xr7r04 .dropdown-balance-icon{width:12px;height:12px}.dropdown-item{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.6rem .75rem!important;border-radius:8px!important;cursor:pointer!important;font-size:.9rem!important;color:#ccc!important;transition:background .15s,color .15s!important}.dropdown-item:hover,.dropdown-item:focus{background:#1a1a1a!important;color:#fff!important}.dropdown-item .dropdown-icon{width:16px;height:16px;color:#888}.dropdown-item:hover .dropdown-icon,.dropdown-item:focus .dropdown-icon{color:#60a5fa}.dropdown-logout{color:#f87171!important}.dropdown-logout .dropdown-icon{color:#f87171}.dropdown-logout:hover,.dropdown-logout:focus{background:#ef44441a!important;color:#f87171!important}.dropdown-logout:hover .dropdown-icon,.dropdown-logout:focus .dropdown-icon{color:#f87171}.menu-toggle.svelte-xr7r04{display:none;background:none;border:none;cursor:pointer}.mobile-menu.svelte-xr7r04{position:absolute;top:70px;left:0;width:100%;background:#141414;border-radius:0 0 1rem 1rem;display:flex;flex-direction:column;padding:1rem 1.5rem;gap:1rem;border:1px solid #1c1c1c}@media (max-width: 768px){.desktop-menu.svelte-xr7r04{display:none}.menu-toggle.svelte-xr7r04{display:block}}.footer.svelte-1k4qkoz{width:100%;padding:1rem 0;background-color:#0b0b0b;border-top:1px solid #1a1a1a;display:flex;justify-content:center;align-items:center}.footer-content.svelte-1k4qkoz{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.footer-logo.svelte-1k4qkoz{color:#fff;font-size:.8rem;font-weight:400;letter-spacing:1px;margin:0;-webkit-user-select:none;user-select:none}.footer-socials.svelte-1k4qkoz{display:flex;gap:1.5rem}.footer-socials.svelte-1k4qkoz a:where(.svelte-1k4qkoz){display:flex;align-items:center;gap:.4rem;color:#cfcfcf;font-weight:600;text-decoration:none;transition:color .2s ease}.footer-socials.svelte-1k4qkoz a:where(.svelte-1k4qkoz):hover{color:#fff}
