:root{--balm-neon:#ddff26;--balm-neon-ink:#102a26}
.shell>.sidebar .nav{gap:7px}
.shell>.sidebar .nav button{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:11px;min-height:52px;padding:9px 10px;border:1px solid #ddff263b;border-radius:13px;background:linear-gradient(125deg,#2347448c,#102c2d);color:#f1f9e9;box-shadow:0 3px 9px #041d2626;font-size:13px;font-weight:750;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.nav-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ddff2680;border-radius:9px;background:var(--balm-neon);color:var(--balm-neon-ink);box-shadow:0 0 13px #ddff2624}
.nav-icon svg{display:block;width:21px;height:21px}
.nav-label{min-width:0;text-align:left;white-space:nowrap}
.nav-chevron{display:grid;place-items:center;color:#ddff268c}
.nav-chevron svg{width:12px;height:12px}
.shell>.sidebar .nav button:hover:not(.active){color:#fff;background:linear-gradient(125deg,#315849,#15382f);border-color:#ddff26b3;box-shadow:0 0 18px #ddff261c;transform:translateX(2px)}
.shell>.sidebar .nav button.active{color:var(--balm-neon-ink);background:linear-gradient(115deg,#edff6b,var(--balm-neon));border-color:#e9ff64;box-shadow:0 6px 20px #ddff2638;font-weight:900}
.shell>.sidebar .nav button.active .nav-icon{background:#14362e;color:var(--balm-neon);border-color:#14362e;box-shadow:none}
.shell>.sidebar .nav button.active .nav-chevron{color:#183b29}
.nav button:focus-visible,.bottomnav button:focus-visible{outline:2px solid #f4ffb6;outline-offset:3px}
.nav button:active,.bottomnav button:active{transform:scale(.98)}
@media(max-width:760px){
  .bottomnav{background:#102b2ef5;border-top:1px solid #ddff2659;box-shadow:0 -5px 20px #112f3021}
  .bottomnav button{display:flex;flex:1;min-width:0;min-height:59px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 1px;border-radius:10px;color:#c5d8cf;font-size:10px;line-height:1.15;transform:none}
  .bottomnav .nav-icon{width:29px;height:29px;border-radius:8px;background:#ddff260d;color:var(--balm-neon);border-color:#ddff2659;box-shadow:none}
  .bottomnav .nav-icon svg{width:19px;height:19px}
  .bottomnav .nav-label{text-align:center}
  .bottomnav .nav-chevron{display:none}
  .bottomnav button.active{color:var(--balm-neon);background:transparent}
  .bottomnav button.active .nav-icon{background:var(--balm-neon);color:var(--balm-neon-ink);border-color:var(--balm-neon);box-shadow:0 0 14px #ddff2633}
  .bottomnav button:hover{transform:none;background:#ddff260a}
}
@media(prefers-reduced-motion:reduce){.shell>.sidebar .nav button,.bottomnav button{transition:none;transform:none!important}}