aside{overflow-y:scroll;scrollbar-color:#52677f #111a26;scrollbar-gutter:stable;scrollbar-width:thin}
aside::-webkit-scrollbar{width:9px}
aside::-webkit-scrollbar-track{background:#111a26}
aside::-webkit-scrollbar-thumb{background:#52677f;border:2px solid #111a26;border-radius:8px}
aside::-webkit-scrollbar-thumb:hover{background:#7890aa}
.central-nav{align-content:start;flex:0 0 auto;gap:7px!important;min-height:auto;overflow:visible;padding-right:2px}
.central-nav button{align-items:center;display:flex;gap:10px;min-height:42px;width:100%}
.central-nav .nav-icon{align-items:center;color:#7f91aa;display:inline-flex;font-size:15px;justify-content:center;width:20px}
.central-nav .nav-main{padding-left:12px}
.central-nav .nav-group{border-radius:11px;overflow:hidden}
.central-nav .nav-group-toggle{justify-content:space-between;padding:10px 12px}
.central-nav .nav-group-toggle>span:first-child{align-items:center;display:flex;gap:10px}
.central-nav .nav-chevron{font-size:17px;transition:transform .18s ease}
.central-nav .nav-group.open>.nav-group-toggle{background:#111d2b;color:#fff}
.central-nav .nav-group.open>.nav-group-toggle .nav-chevron{transform:rotate(180deg)}
.central-nav .nav-submenu{display:grid;gap:3px;max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease,opacity .16s ease,padding .22s ease}
.central-nav .nav-group.open .nav-submenu{max-height:520px;opacity:1;padding:4px 0 6px}
.central-nav .nav-submenu button{border-left:2px solid #25364a;border-radius:0 9px 9px 0;color:#93a3b8;font-size:11px;margin-left:21px;min-height:36px;padding:8px 10px 8px 21px;width:calc(100% - 21px)}
.central-nav .nav-submenu button:hover{background:#111d2b;color:#fff}
.central-nav .nav-submenu button.active{background:#102e47;border-left-color:#1689ee;color:#fff}
.central-nav button:focus-visible{outline:2px solid #22d3ee;outline-offset:-2px}
aside footer{flex:0 0 auto;min-height:70px}
@media(max-width:900px){aside{box-shadow:12px 0 35px #05080d55}.central-nav .nav-submenu button{font-size:12px}}
