/* NAVBAR */
.navbar{padding:12px 0;background:#fff;border-bottom:1px solid #e8eeeb;box-shadow:0 3px 14px rgba(23,63,53,.06);transition:.3s ease}
.navbar .container{max-width:1180px}
.navbar-brand{display:flex;align-items:center;gap:9px;margin:0;color:#173f35!important;font-size:17px;font-weight:800;letter-spacing:.2px;text-decoration:none}
.navbar-logo{width:38px;height:38px;object-fit:contain}
.navbar-nav{gap:4px}
.nav-link{position:relative;padding:9px 11px!important;color:#52645d!important;font-size:11px;font-weight:650;transition:color .25s ease}
.nav-link:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;background:#0e7658;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.nav-link:hover,.nav-link.active{color:#0e7658!important}
.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}

/* BUTTONS */
.navbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:37px;padding:0 14px;border-radius:0!important;font-size:10px;font-weight:800;text-decoration:none;transition:.25s ease}

/* TRACK */
.nav-track{color:#fff!important;background:#e56b6f;border:1px solid #e56b6f;box-shadow:0 5px 14px rgba(229,107,111,.2)}
.nav-track:hover{color:#fff!important;background:#d9575c;border-color:#d9575c;transform:translateY(-2px);box-shadow:0 8px 18px rgba(229,107,111,.3)}

/* BOOK */
.nav-book{position:relative;color:#fff!important;background:#0e7658;border:1px solid #0e7658;box-shadow:0 6px 18px rgba(14,118,88,.28);overflow:hidden}
.nav-book:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 75%);transform:translateX(-120%);transition:transform .5s ease}
.nav-book:hover:before{transform:translateX(120%)}
.nav-book:hover{color:#fff!important;background:#095b44;border-color:#095b44;transform:translateY(-2px);box-shadow:0 9px 22px rgba(14,118,88,.35)}
.nav-book i,.nav-book span{position:relative;z-index:2}

/* ADMIN */
.nav-admin{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:37px;padding:0 13px;color:#52645d!important;background:#f5f8f6;border:1px solid #dfe8e3;font-size:10px;font-weight:750;text-decoration:none;transition:.25s ease}
.nav-admin:hover{color:#fff!important;background:#173f35;border-color:#173f35;transform:translateY(-1px)}

/* TOGGLER */
.navbar-toggler{padding:6px;border:1px solid #d5e0db!important;border-radius:0!important}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{filter:invert(24%) sepia(15%) saturate(900%) hue-rotate(105deg)}

/* MOBILE */
@media(max-width:991px){
.navbar{padding:10px 0}
.navbar-collapse{margin-top:12px;padding:12px 0;border-top:1px solid #e8eeeb}
.navbar-nav{gap:0}
.nav-link{padding:9px 0!important}
.nav-link:after{left:0;right:auto;width:25px;bottom:3px}
.navbar .btn,.nav-admin{width:100%;height:38px}
}
@media(max-width:576px){
.navbar{padding:8px 0}
.navbar-brand{font-size:15px}
.navbar-logo{width:34px;height:34px}
}