:root{--navbar-height: 60px;--navbar-bg: rgba(11, 18, 32, .95);--navbar-text: #e5e7eb;--navbar-hover: #7c3aed;--gradient-primary: linear-gradient(135deg, #7c3aed, #06b6d4)}.navbar{background:var(--navbar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:var(--navbar-height);position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:5000!important;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{max-width:960px;height:100%;margin:0 auto;padding:0 1rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem;position:relative}.navbar-logo-container{position:relative;left:auto;transform:none;margin:0 auto;display:flex;align-items:center;height:100%;z-index:2}.navbar-menu.active{transform:translate(0);pointer-events:auto;visibility:visible}body.navbar-menu-open{overflow:hidden}.navbar-left{display:flex;align-items:center;gap:.5rem;height:100%}.navbar-right{display:flex;align-items:center;gap:1rem;margin-left:auto;height:100%}.navbar.user-menu{display:flex;align-items:center;gap:.75rem;height:100%;padding:0 .5rem}.user-menu{display:flex;align-items:center;gap:.75rem}.user-menu .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:36px;padding:.5rem 1.1rem;font-size:.9rem;line-height:1;border-radius:8px;transition:all .2s ease;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-weight:500}.user-menu .btn.btn-primary{border-color:#7c3aed73}.user-menu .btn.btn-secondary{border-color:#fff3}.user-menu .btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed40;background:#7c3aed1f}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;height:100%}.navbar-menu li{display:flex;align-items:center}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--navbar-text);text-decoration:none;margin:0;padding:0}.navbar-logo-container:hover,.navbar-logo-container:hover .navbar-logo{opacity:.9}.navbar-logo{transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0}.navbar-logo svg{height:var(--navbar-height);width:auto;display:block}.navbar-menu{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0;list-style:none;height:100%;gap:1.25rem;flex:1 1 auto;position:relative;z-index:1}.nav-link{color:var(--navbar-text);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;position:relative;transition:color .2s ease;display:flex;align-items:center;height:100%}.nav-link:hover{color:var(--navbar-hover)}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--navbar-text)}.btn-secondary:hover{background:#ffffff0d}.language-selector-container{display:flex;align-items:center;height:100%;padding:0;margin-right:.5rem}.language-selector{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--navbar-text);padding:.35rem 1.75rem .35rem .75rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease;height:34px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.language-selector:hover{background-color:#ffffff26;border-color:#ffffff4d}.language-selector:focus{outline:none;border-color:var(--navbar-hover);box-shadow:0 0 0 3px #7c3aed33}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:48px;height:48px;min-width:48px;min-height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);cursor:pointer;padding:12px;z-index:3000;position:relative;border-radius:12px;transition:background .2s ease,border-color .2s ease}.hamburger{display:block;width:100%;height:2px;background:var(--navbar-text);border-radius:1px;transition:all .3s ease}.navbar-toggle.active{background:#7c3aed33;border-color:#7c3aed59}.navbar-toggle.active .hamburger:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.active .hamburger:nth-child(2){opacity:0}.navbar-toggle.active .hamburger:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-menu-close{display:none;position:absolute;top:32px;left:50%;transform:translate(-50%);width:48px;height:48px;padding:0;border:none;background:#111827d9;cursor:pointer;z-index:2100;border-radius:14px;transition:background .2s ease}.navbar-menu-close span{position:absolute;width:18px;height:2px;background:var(--navbar-text);border-radius:1px}.navbar-menu-close span:first-child{transform:rotate(45deg)}.navbar-menu-close span:last-child{transform:rotate(-45deg)}@media(max-width:768px){.navbar{padding:0 1rem}.navbar-container{padding:0 1rem;justify-content:space-between}.navbar-logo-container{position:static;margin-right:auto}.navbar-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0b1220f7;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--navbar-height) + 3rem) 1.75rem 2.5rem;box-shadow:none;transition:transform .3s ease;gap:1.75rem;z-index:2000;overflow-y:auto;pointer-events:none;transform:translate(100%);text-align:center;visibility:hidden}.navbar-menu>*{width:min(320px,100%)}.navbar-menu-close{display:flex;align-items:center;justify-content:center}.navbar-right{flex-direction:column;width:min(320px,100%);margin-left:0;gap:1rem;align-items:center}.navbar-left{flex-direction:column;align-items:center;gap:.75rem;width:min(320px,100%);margin-right:0}.language-selector-container{width:100%;margin-right:0;justify-content:center}.navbar-toggle{display:flex;margin-left:auto}.user-menu{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:center;gap:.75rem}.btn{width:100%;margin:.25rem 0}.language-selector{width:100%;margin:1rem 0 0}}#dashboard-link,#logout-btn{display:none}.authenticated #dashboard-link,.authenticated #logout-btn{display:inline-block}.authenticated #login-link,body[data-page=dashboard] #dashboard-link{display:none}