/* Shared sidebar style for the hand-illustrated 3D module icons. */
.nav{gap:5px;padding:0 10px}
.nav a{height:47px;gap:10px;padding:0 10px;border-left:3px solid transparent;border-radius:10px;font-size:12px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nav a:hover,.nav a.active{background:linear-gradient(100deg,#d59b4b22,#d59b4b0a);border-left-color:#e8ad59;color:#fff}
.nav a img{flex:none;width:31px;height:31px;padding:2px;object-fit:contain;border-radius:9px;background:linear-gradient(145deg,#ffffff10,#ffffff03);filter:drop-shadow(0 3px 4px #050b1270);transition:transform .18s ease,filter .18s ease}
.nav a:hover img{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 5px 7px #050b1280)}
.nav a.active img{filter:drop-shadow(0 3px 6px #ecb45a55)}
@media(max-width:800px){.nav a{height:49px}.nav a img{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){.nav a,.nav a img{transition:none}}

/* Quiet hardware-shop artwork sits behind the navigation in the sidebar. */
.sidebar{position:relative;isolation:isolate;overflow:hidden}
.sidebar::before{position:absolute;z-index:-1;right:-158px;bottom:32px;width:405px;height:455px;content:"";background:url("assets/login-tools-illustration.svg") 69% bottom/cover no-repeat;opacity:.23;mix-blend-mode:screen;pointer-events:none}
.sidebar::after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(180deg,rgba(48,46,65,.08) 0%,rgba(41,41,57,.18) 56%,rgba(30,37,48,.5) 100%);pointer-events:none}
.sidebar>*{position:relative;z-index:1}
.brand{height:101px;flex:none;gap:12px;padding:17px 16px;border-bottom-color:#ffffff12}
.brand img{width:47px;height:47px;padding:3px;border-radius:8px;background:#fff;box-shadow:0 4px 14px #060b1240}
.brand strong{font-size:13px;letter-spacing:.01em}
.brand small{margin-top:4px;font-size:8px;letter-spacing:1.4px}
.section-label{display:flex;align-items:center;gap:9px;margin:25px 20px 12px;font-size:9px;letter-spacing:1.55px}
.section-label::after{height:1px;flex:1;content:"";background:linear-gradient(90deg,#ffffff25,transparent)}
.nav{gap:7px;padding:0 12px}
.nav a{height:49px;gap:11px;padding:0 10px;border-left-width:3px;border-radius:11px;font-size:12px}
.logout{margin:auto 13px 20px;padding:12px 13px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff08;color:#d2d1dc;font-size:12px;transition:background .16s ease,border-color .16s ease,color .16s ease}
.logout:hover{border-color:#e8ad5940;background:#e8ad5915;color:#fff}
@media(max-width:800px){.brand{height:91px}.section-label{margin-top:20px}.sidebar::before{right:-125px;bottom:45px;width:365px;height:420px;opacity:.19}}