/* ServeMate v2.0 — one shared navigation design across every dashboard page */
:root{--sm-sidebar-bg:linear-gradient(180deg,rgba(12,43,70,.98),rgba(5,25,44,.98));--sm-sidebar-line:rgba(135,171,198,.18)}
.shared-sidebar.side-nav{
  box-sizing:border-box!important; width:auto!important; min-width:0!important;
  min-height:calc(100vh - 28px)!important; height:auto!important; padding:18px 12px!important;
  display:flex!important; flex-direction:column!important; overflow:hidden!important;
  border:1px solid var(--sm-sidebar-line)!important; border-radius:22px!important;
  background:var(--sm-sidebar-bg)!important; box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.shared-sidebar .side-brand{height:94px!important;min-height:94px!important;padding:0 6px 15px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;text-decoration:none!important;box-sizing:border-box!important}
.shared-sidebar .side-brand img,.shared-sidebar .side-brand .servemate-logo{display:block!important;width:174px!important;height:68px!important;max-width:100%!important;object-fit:contain!important;margin:0 auto!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.26))!important}
.shared-sidebar .nav-menu{display:grid!important;gap:5px!important;margin:0!important;padding:0!important;align-content:start!important}
.shared-sidebar .nav-menu a{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:27px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:49px!important;padding:0 10px!important;margin:0!important;border:0!important;border-left:3px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#d2dce6!important;text-decoration:none!important;font-size:11px!important;line-height:1!important;letter-spacing:0!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
.shared-sidebar .nav-menu a:hover,.shared-sidebar .nav-menu a.active{background:rgba(255,255,255,.065)!important;color:#fff!important;border-left-color:#ff6b35!important}
.shared-sidebar .nav-menu a.active b{color:#ff6b35!important}
.shared-sidebar .nav-menu a b{min-width:0!important;font:600 11px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap!important;color:inherit!important}
.shared-sidebar .nav-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:currentColor!important;font-size:0!important;text-align:center!important}
.shared-sidebar .nav-icon svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.shared-sidebar .nav-count{display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#fb3d54!important;color:#fff!important;font:800 8px/1 Inter,ui-sans-serif,system-ui!important;font-style:normal!important}
.shared-sidebar .nav-pro{display:grid!important;place-items:center!important;min-width:31px!important;height:19px!important;padding:0 5px!important;border:1px solid rgba(255,126,35,.6)!important;border-radius:5px!important;background:rgba(255,122,22,.08)!important;color:#ff8a24!important;font:800 7px/1 Inter,ui-sans-serif,system-ui!important;font-style:normal!important;letter-spacing:.45px!important}
.shared-sidebar .premium-box{box-sizing:border-box!important;margin:auto 0 0!important;padding:16px 13px!important;border:1px solid rgba(255,107,53,.5)!important;border-radius:17px!important;background:rgba(255,107,53,.035)!important;text-align:center!important;color:#fff!important}
.shared-sidebar .premium-crown{font-size:25px!important;line-height:1!important;color:#ff6b35!important}
.shared-sidebar .premium-box strong,.shared-sidebar .premium-box span{display:block!important}
.shared-sidebar .premium-box strong{margin:7px 0 5px!important;font:800 14px/1.2 Inter,ui-sans-serif,system-ui!important}
.shared-sidebar .premium-box span{font:400 9px/1.55 Inter,ui-sans-serif,system-ui!important;color:#91a5b7!important}
.shared-sidebar .premium-box button{width:100%!important;margin:12px 0 0!important;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff5c22,#ff8b3d)!important;color:#fff!important;font:800 10px/1 Inter,ui-sans-serif,system-ui!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(255,92,34,.2)!important}
@media(max-width:980px){.shared-sidebar.side-nav{position:fixed!important;left:-250px!important;top:0!important;bottom:0!important;z-index:80!important;width:230px!important;min-height:100vh!important;border-radius:0 20px 20px 0!important;transition:left .24s ease!important}.shared-sidebar.side-nav.open{left:0!important}}