.navbar{--navbar-ink:#344054;--navbar-ink-strong:#172033;--navbar-accent:#294a7a;z-index:50;padding:0;transition:top .5s ease-out,padding .5s ease-out;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{padding:0 .75rem;top:.75rem}.navbar-shell{z-index:70;-webkit-backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #e2e8f0;border-radius:0;max-width:none;margin:0 auto;transition:max-width .5s ease-out,border-radius .5s ease-out,box-shadow .5s ease-out;position:relative;box-shadow:0 6px 24px #17203314}.navbar.is-scrolled .navbar-shell{border-radius:9999px;max-width:1040px;box-shadow:0 10px 32px #17203324}.navbar-container{align-items:center;gap:1.25rem;height:4rem;padding:0 1.25rem;transition:height .5s ease-out,padding .5s ease-out;display:flex}.navbar.is-scrolled .navbar-container{height:3.5rem}.navbar-logo{flex-shrink:0}.navbar-logo a{color:var(--navbar-ink-strong);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo-img{object-fit:contain;flex-shrink:0;width:auto;height:2.4rem;transition:height .5s ease-out}.navbar.is-scrolled .navbar-logo-img{height:2.1rem}.navbar-menu{flex:auto;justify-content:center;align-items:center;gap:.35rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.navbar-menu li a{color:var(--navbar-ink);letter-spacing:-.01em;white-space:nowrap;border-radius:8px;padding:.45rem .7rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .18s,background-color .18s;display:inline-block;position:relative}.navbar-menu li a:hover,.navbar-menu li a:focus-visible{color:var(--navbar-ink-strong);background:#f1f5fa}.navbar-menu li a:focus-visible{outline:2px solid var(--navbar-accent);outline-offset:1px}.navbar-menu li a:after{content:"";background:var(--navbar-accent);border-radius:2px;width:0;height:2px;transition:width .22s;position:absolute;bottom:.15rem;left:50%;transform:translate(-50%)}.navbar-menu li a:hover:after,.navbar-menu li a:focus-visible:after{width:calc(100% - 1.4rem)}.navbar-menu li a.is-current{color:var(--navbar-accent);font-weight:700}.navbar-menu li a.is-current:after{width:calc(100% - 1.4rem)}.navbar-auth-button{background:var(--navbar-accent);color:#fff;letter-spacing:-.01em;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;margin-left:auto;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .18s;display:inline-flex}.navbar-auth-button:hover,.navbar-auth-button:focus-visible{color:#fff;background:#203d68}.navbar-auth-button:focus-visible{outline:2px solid var(--navbar-accent);outline-offset:2px}@media (max-width:900px){.navbar.is-scrolled .navbar-shell{max-width:none}.navbar-container{gap:.6rem;padding:0 .875rem}.navbar.is-scrolled .navbar-container{padding:0 .875rem}.navbar-logo-img,.navbar.is-scrolled .navbar-logo-img{height:1.9rem}.navbar-menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:space-between;gap:.1rem;padding:.2rem .75rem;overflow-x:auto}.navbar-menu::-webkit-scrollbar{display:none}.navbar-menu li{flex:none}.navbar-menu li a{padding:.35rem .4rem;font-size:.8rem}.navbar-auth-button{padding:.4rem .8rem;font-size:.78rem}.navbar-menu.is-admin li a{padding:.4rem .5rem;font-size:.82rem}.navbar-menu.is-admin li a:after{display:none}}@media (max-width:640px){.navbar-container{gap:.45rem;padding:0 .7rem}.navbar.is-scrolled .navbar-container{padding:0 .7rem}.navbar-logo-img,.navbar.is-scrolled .navbar-logo-img{height:1.6rem}.navbar-menu{padding-left:.5rem;padding-right:.5rem}.navbar-menu li a{letter-spacing:-.02em;padding:.3rem .28rem;font-size:.72rem}.navbar-menu li a:hover:after,.navbar-menu li a:focus-visible:after,.navbar-menu li a.is-current:after{width:calc(100% - .56rem)}.navbar-auth-button{padding:.32rem .6rem;font-size:.72rem}}@media (max-width:400px){.navbar-container,.navbar.is-scrolled .navbar-container{gap:.3rem;padding:0 .55rem}.navbar-menu{padding-left:.4rem;padding-right:.4rem}.navbar-menu li a{padding:.3rem .12rem;font-size:.63rem}.navbar-menu li a:hover:after,.navbar-menu li a:focus-visible:after,.navbar-menu li a.is-current:after{width:calc(100% - .4rem)}.navbar-auth-button{padding:.3rem .5rem;font-size:.63rem}}.navbar-admin-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.navbar-admin-logout{color:#344054;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:9999px;flex-shrink:0;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.navbar-admin-logout:hover,.navbar-admin-logout:focus-visible{color:#172033;background:#f1f5fa;border-color:#b9c7d9}.navbar-icon-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:9999px;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid}.navbar-icon-btn:hover,.navbar-icon-btn:focus-visible{color:#172033;background:#f1f5fa;border-color:#b9c7d9}.navbar-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.navbar-icon-btn.is-spinning svg{animation:.9s linear infinite navbar-icon-spin}@keyframes navbar-icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.navbar-icon-btn.is-spinning svg{opacity:.55;animation:none}}
