.shell{grid-template-columns:72px 1fr}
.sidebar{width:72px;padding:16px 8px;align-items:center;background:#111719}
.wordmark{width:100%;justify-content:center;padding:0 0 28px;font-size:0}
.wordmark .logo{width:38px;height:38px;border-radius:12px;background:#d4ff78;color:#1d4537;font-size:18px}
.nav{width:100%;justify-items:center;gap:8px}
.nav button{width:48px;height:48px;padding:0;display:grid;place-items:center;text-align:center;border-radius:11px;border-left:3px solid transparent;font-size:0;color:#9aa6a4}
.rail-icon{position:relative;display:block;width:21px;height:21px;color:currentColor}.rail-icon:before,.rail-icon:after{content:"";position:absolute;box-sizing:border-box}
.rail-icon-building{width:18px;height:20px;border:2px solid currentColor;border-radius:2px;margin-top:2px;background:linear-gradient(currentColor,currentColor) 4px 5px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 9px 5px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 4px 10px/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 9px 10px/2px 2px no-repeat}.rail-icon-building:before{width:12px;height:12px;left:1px;top:-6px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);border-radius:1px}.rail-icon-building:after{width:4px;height:6px;left:5px;bottom:0;border:1.5px solid currentColor;border-bottom:0}
.rail-icon-overview{border:2px solid currentColor;border-radius:50%}.rail-icon-overview:before{width:2px;height:8px;background:currentColor;left:8px;top:3px;transform:rotate(42deg);transform-origin:bottom;border-radius:2px}.rail-icon-overview:after{width:5px;height:2px;background:currentColor;left:7px;bottom:4px;border-radius:2px}
.rail-icon-folder{width:19px;height:14px;border:2px solid currentColor;border-radius:2px;top:4px}.rail-icon-folder:before{width:8px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0;left:-2px;top:-6px}
.rail-icon-nodes{border:2px solid currentColor;border-radius:50%}.rail-icon-nodes:before{width:10px;height:2px;background:currentColor;left:4px;top:8px;border-radius:2px}.rail-icon-nodes:after{width:2px;height:10px;background:currentColor;left:8px;top:4px;border-radius:2px}
.rail-icon-map{width:20px;height:18px;border:2px solid currentColor;border-radius:2px;top:1px;transform:skewY(-7deg)}.rail-icon-map:before,.rail-icon-map:after{height:18px;width:2px;background:currentColor;top:-2px}.rail-icon-map:before{left:5px}.rail-icon-map:after{right:5px}
.rail-icon-users:before,.rail-icon-user:before{width:7px;height:7px;border:2px solid currentColor;border-radius:50%;left:7px;top:1px}.rail-icon-users:after,.rail-icon-user:after{width:15px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0;left:3px;bottom:1px}.rail-icon-users{filter:drop-shadow(-4px 2px 0 #111719)}
.rail-icon-audit{background:linear-gradient(currentColor,currentColor) 5px 3px/15px 2px no-repeat,linear-gradient(currentColor,currentColor) 5px 9px/15px 2px no-repeat,linear-gradient(currentColor,currentColor) 5px 15px/15px 2px no-repeat}.rail-icon-audit:before{width:3px;height:3px;border-radius:50%;background:currentColor;left:0;top:3px;box-shadow:0 6px currentColor,0 12px currentColor}
.rail-icon-logout{width:16px;height:19px;border:2px solid currentColor;border-right:0;border-radius:2px;left:2px}.rail-icon-logout:before{width:10px;height:2px;background:currentColor;right:-7px;top:7px}.rail-icon-logout:after{width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;right:-7px;top:4px;transform:rotate(45deg)}
.nav button.active{background:#263033;border-left-color:#59a8ff;color:white}
.nav button:hover{background:#222b2d;color:white}
.side-foot{width:100%;display:grid;justify-items:center;gap:10px;padding:18px 0 0}
.side-foot>strong,.side-foot>span,.side-foot>.section-actions{display:none}
.rail-user,.rail-action{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:#29373b;color:white;font-weight:850}
.rail-action{border-radius:10px;background:transparent;color:#9aa6a4;font-size:20px}.rail-action:hover{background:#222b2d;color:white}
.main{padding-left:clamp(20px,3vw,46px)}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:64px;padding:8px 12px;display:flex;flex-direction:row}.wordmark{width:auto;padding:0 12px 0 0}.wordmark .logo{width:38px;height:38px}.nav{display:flex;justify-items:unset;overflow:auto;gap:5px}.nav button{width:44px;height:44px;flex:0 0 44px}.side-foot{margin:0 0 0 auto;padding:0 0 0 8px;border:0;display:flex;width:auto}.rail-user,.rail-action{width:38px;height:38px}.rail-user,.rail-action:first-of-type{display:none}.main{padding:24px 15px 50px}}