.app-navbar{background:#142d3e;border-bottom:1px solid #2e4757;box-shadow:0 4px 20px #142d3e18;padding:12px 0;--bs-navbar-toggler-border-color:#ffffff40}
.app-nav-container{max-width:1800px;padding:0 28px;gap:20px}
.app-navbar .navbar-brand{font-size:18px;font-weight:700;letter-spacing:-.3px;margin-right:16px;white-space:nowrap}
.app-navbar .brand-logo{height:38px;border-radius:10px}
.app-navbar .navbar-nav{gap:6px}
.app-navbar .nav-link{position:relative;color:#c9d7df;padding:11px 14px!important;font-size:14px;white-space:nowrap;border:1px solid transparent;border-radius:10px;transition:background .15s,color .15s}
.app-navbar .nav-link i{margin-right:7px!important;opacity:.75}
.app-navbar .nav-link:hover{color:white;background:#ffffff12}
.app-navbar .nav-link.active,.app-navbar .nav-link.active:hover{background:#e4f5f1;color:#123e3b;border-color:#9bd7cc;box-shadow:inset 0 -3px 0 #44a996;font-weight:750}
.app-navbar .nav-link.active i{opacity:1;color:#187b6c}
.app-navbar .dropdown-menu{padding:8px;min-width:210px;margin-top:12px;background:#fff;border:1px solid #e0e8ee;box-shadow:0 12px 32px #102c4026}
.app-navbar .dropdown-item{padding:10px 12px;border-radius:7px;font-size:14px;white-space:nowrap}
.app-navbar .dropdown-item.active{background:#e4f5f1;color:#14594f;font-weight:700}
.app-navbar .dropdown-item:hover{background:#eef4f7;color:#173e51}
.app-navbar a:focus-visible,.app-navbar button:focus-visible{outline:3px solid #77d6c6;outline-offset:3px}
.app-account{padding:10px 12px;border:1px solid #ffffff25;border-radius:10px;font-size:13px;max-width:230px}
.app-account>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-account:hover,.app-account.active{background:#ffffff15;border-color:#78beaf}
.app-nav-search{max-width:165px}.app-nav-search input{background:#ffffff0d;border:1px solid #ffffff30;color:#fff;border-radius:9px;font-size:13px}.app-nav-search input::placeholder{color:#b9cbd6}
.app-current-page{margin-left:auto;font-size:12px;font-weight:700;color:#bce8de;background:#ffffff0d;border:1px solid #ffffff20;padding:6px 10px;border-radius:7px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1199.98px){.app-nav-container{padding:0 18px;gap:12px}.app-navbar .navbar-nav{flex-direction:column;align-items:stretch;padding-top:18px;gap:6px}.app-navbar .nav-link{display:block}.app-navbar .navbar-collapse{border-top:1px solid #ffffff20;margin-top:12px;padding-bottom:8px}.app-navbar .dropdown-menu{margin:6px 0}.app-account{margin-top:12px;max-width:100%;width:fit-content}.app-navbar .navbar-toggler{padding:7px 9px}}
@media(max-width:480px){.app-navbar .navbar-brand{font-size:15px;margin:0}.app-navbar .brand-logo{height:32px}.app-nav-container{padding:0 12px;gap:8px}.app-current-page{max-width:32%}}