body>aside{width:252px;background:linear-gradient(180deg,#071d3c 0%,#0b2a52 100%);padding:28px 0 22px;box-shadow:inset -1px 0 #17375e}
body>main{margin-left:252px;width:calc(100% - 252px)}
body>aside .brand{height:76px;padding:0 22px;display:flex;align-items:flex-start;gap:8px;font:700 29px Georgia,serif;white-space:nowrap}
body>aside .brand svg{width:45px;height:43px;fill:none;stroke:#d7a329;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:-5px}
body>aside .brand>span{color:#fff;line-height:38px}
body>aside .brand>span>span{color:#d5a02a}
body>aside nav button{height:58px;padding:0 25px;gap:19px;border-left-width:5px;align-items:center;font:600 16px "Segoe UI",Arial,sans-serif}
body>aside nav button b{width:30px;height:30px;display:grid;place-items:center;flex:none}
body>aside nav button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body>aside nav button.active{background:#1c395f;color:#efb532;border-left-color:#e0ac2b}
body>aside nav button:hover{background:#17365d}
body>aside .collapse{width:43px;height:43px;right:auto;left:24px;bottom:22px;border-color:#64758d;background:#0b274b;font-size:25px;line-height:1}
@media(max-width:1000px){body>aside{width:220px}body>main{margin-left:220px;width:calc(100% - 220px)}body>aside nav button{padding-left:18px;font-size:15px;gap:14px}}