:root{--nav-green:#008f46;--nav-green-dark:#006f37;--nav-ink:#172033}
.app-navbar{background:rgba(255,255,255,.97);border-bottom:1px solid #e7ece9;box-shadow:0 2px 12px rgba(16,42,29,.06);height:68px;padding:0 24px}
.app-brand{align-items:center;color:var(--nav-ink)!important;display:flex;font-size:15px!important;font-weight:700;gap:9px;margin:0;padding:0}.app-brand img{height:37px;object-fit:contain;width:27px}.app-brand small{font-size:inherit;font-weight:700}.app-nav-links{align-items:center;gap:5px}.app-nav-links .nav-item{margin:0;padding:0}.app-nav-links .nav-link{align-items:center;border-bottom:2px solid transparent;color:#344054!important;display:flex;font-size:12px!important;font-weight:600;gap:7px;min-height:68px;padding:0 13px!important}.app-nav-links .nav-link i{color:var(--nav-green);font-size:13px}.app-nav-links .nav-link:hover,.app-nav-links .active .nav-link{border-bottom-color:var(--nav-green);color:var(--nav-green-dark)!important;text-decoration:none}
.app-login,.app-logout{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:7px;justify-content:center;margin-left:7px;min-height:38px;padding:8px 14px;text-decoration:none}.app-login{background:var(--nav-green);border:1px solid var(--nav-green);color:#fff}.app-login:hover{background:var(--nav-green-dark);color:#fff;text-decoration:none}.app-logout{background:#fff;border:1px solid #ef4444;color:#dc2626}.app-logout:hover{background:#fff5f5;color:#b91c1c;text-decoration:none}.app-menu-toggle{border:0;color:var(--nav-green)!important;font-size:20px;padding:8px}.app-menu-toggle:focus{outline:0}.app-navbar-spacer{height:68px}
@media(max-width:991px){.app-navbar{height:62px;padding:0 15px}.app-navbar-spacer{height:62px}.app-brand{font-size:13px!important}.app-brand img{height:33px;width:24px}.app-navbar .navbar-collapse{background:#fff;border:1px solid #e7ece9;border-radius:0 0 10px 10px;box-shadow:0 10px 22px rgba(16,42,29,.12);left:0;padding:8px 12px 14px;position:absolute;right:0;top:61px}.app-nav-links{align-items:stretch;gap:1px}.app-nav-links .nav-link{border-bottom:0;border-left:3px solid transparent;border-radius:5px;min-height:43px;padding:9px 12px!important}.app-nav-links .nav-link:hover,.app-nav-links .active .nav-link{background:#eff9f3;border-bottom:0;border-left-color:var(--nav-green)}.app-login,.app-logout{margin:8px 0 0;min-height:42px}}