.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}}@media (min-width:1440px){.navbar{max-width:100rem;padding-left:3rem;padding-right:3rem}}@media (min-width:1920px){.navbar{max-width:120rem;padding-left:4rem;padding-right:4rem}}.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}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.notification{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;border-left:4px solid;animation:slideIn .3s ease;pointer-events:auto;box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.notification-info{background-color:#e0f2fe;border-left-color:#0284c7;color:#0c4a6e}.notification-success{background-color:#dcfce7;border-left-color:#16a34a;color:#166534}.notification-warning{background-color:#fef3c7;border-left-color:#f59e0b;color:#92400e}.notification-error{background-color:#fee2e2;border-left-color:#dc2626;color:#7f1d1d}.notification-content{flex:1;margin-right:1rem}.notification-message{margin:0;font-size:.95rem;line-height:1.4;word-break:break-word}.notification-close{flex-shrink:0;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity .2s ease}.notification-close:hover{opacity:1}.notification-close:focus-visible{outline:2px solid;outline-offset:2px;border-radius:.25rem}@media (max-width:640px){.notification-container{right:.5rem;left:.5rem;max-width:none}.notification{padding:.875rem;font-size:.9rem}.notification-close{width:1.25rem;height:1.25rem;font-size:1.25rem}}