.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(31,41,55,.5);border:1px solid #374151;border-radius:.5rem;color:#d1d5db;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.user-menu-button:hover{background:rgba(31,41,55,.8);border-color:#60a5fa;color:#60a5fa}.user-menu-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.user-menu-name{display:none}}.user-menu-dropdown{position:absolute;top:calc(100% + 1.25rem);right:0;min-width:16rem;background:rgba(0,0,0,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #1f2937;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);padding:.5rem;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:.75rem;border-bottom:1px solid #1f2937;margin-bottom:.5rem}.user-menu-email{font-size:.875rem;color:#d1d5db;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-display-name{font-size:.75rem;color:#9ca3af}.user-menu-divider{height:1px;background:#1f2937;margin:.5rem 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:.375rem;color:#d1d5db;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:rgba(96,165,250,.1);color:#60a5fa}.user-menu-item svg{flex-shrink:0}.user-menu-logout{color:#f87171}.user-menu-logout:hover{background:rgba(248,113,113,.1);color:#fca5a5}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s;background:rgba(0,0,0,.8);backdrop-filter:blur(16px);border-bottom:1px solid #1f2937}.navbar{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media (min-width:640px){.navbar{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.navbar{padding-left:2rem;padding-right:2rem}}.navbar-brand{height:4rem}.navbar-brand,.navbar-brand>a{display:flex;flex-direction:row;align-items:center;gap:.5rem}.navbar-brand>a{height:100%}.navbar-logo{width:32px;height:32px}.navbar-brand-text{font-size:1.25rem;font-weight:700;font-family:var(--font-jetbrains-mono),monospace;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.navbar-links,.navbar-right{display:flex;flex-direction:row;align-items:center;gap:2rem;height:100%}.navbar-links a{position:relative;color:#d1d5db;transition:color .2s;font-family:var(--font-jetbrains-mono),monospace}.navbar-links a:hover{color:#fff}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.navbar-links a.active:after,.navbar-links a:hover:after{width:100%}.navbar-links a.active{color:#fff}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}.mobile-menu-backdrop.active{opacity:1;pointer-events:auto}.mobile-menu-button{display:none;background:none;border:none;color:#d1d5db;cursor:pointer;padding:.5rem;transition:color .2s;z-index:51;position:relative}.mobile-menu-button:hover{color:#fff}.mobile-menu{display:none;flex-direction:column;gap:0;background:rgba(0,0,0,.95);backdrop-filter:blur(16px);border-top:1px solid #1f2937;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.mobile-menu-open{max-height:300px}.mobile-menu a{padding:1rem 1.5rem;color:#d1d5db;font-family:var(--font-jetbrains-mono),monospace;border-bottom:1px solid #1f2937;transition:all .2s}.mobile-menu a:hover{color:#fff;background:rgba(96,165,250,.1);padding-left:2rem}.mobile-menu a.active{color:#fff;background:linear-gradient(90deg,rgba(96,165,250,.2),rgba(167,139,250,.2));border-left:3px solid;border-image:linear-gradient(180deg,#60a5fa,#a78bfa) 1}.navbar-auth{display:flex;align-items:center}.navbar-login-link{padding:.5rem 1.25rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:.375rem;color:#ffffff;font-family:var(--font-jetbrains-mono),monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em;transition:all .2s ease;text-decoration:none}.navbar-login-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(96,165,250,.3)}.mobile-menu-divider{height:1px;background:#1f2937;margin:.5rem 0}.mobile-menu-auth-link{padding:1rem 1.5rem;color:#60a5fa!important;font-family:var(--font-jetbrains-mono),monospace;font-weight:700;border-bottom:1px solid #1f2937;transition:all .2s}.mobile-menu-auth-link:hover{color:#a78bfa!important;background:rgba(96,165,250,.1);padding-left:2rem}@media (max-width:768px){.navbar-auth-desktop,.navbar-links-desktop{display:none}.mobile-menu-button{display:block}.mobile-menu{display:flex}}@media (min-width:769px){.mobile-menu{display:none!important}}