:root{--header:68px;--nav-width:190px}
.topbar{height:var(--header);padding:0 22px}
.main-nav{position:fixed;z-index:9;top:var(--header);bottom:0;left:0;width:var(--nav-width);display:flex;flex-direction:column;align-items:stretch;margin:0;padding:18px 12px;overflow-y:auto;background:#111615;border-right:1px solid var(--line)}
.nav-btn,.nav-btn[style]{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:0 12px!important;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted);font-size:12px;line-height:1.2!important;text-align:left;white-space:normal!important}
.main-nav .nav-btn.hidden{display:none!important}
.nav-btn:hover{background:#1b211f;color:var(--text)}
.nav-btn.active{color:var(--text);border-color:#3c4c39;background:#222a25;box-shadow:inset 3px 0 var(--lime)}
.nav-btn span{display:inline}.nav-btn span+span:before{content:none}.nav-icon{width:22px;height:22px;display:grid!important;place-items:center;border:1px solid currentColor;border-radius:4px;font:700 15px/1 'Barlow Condensed',sans-serif;opacity:.78}.nav-btn.active .nav-icon,.nav-btn:hover .nav-icon{opacity:1}.nav-icon-rifle{font-size:21px}.nav-icon-gun{font-size:19px;transform:rotate(180deg)}.nav-icon-users{position:relative;font-size:12px}.nav-icon-users:before,.nav-icon-users:after{content:"";position:absolute;top:5px;width:4px;height:4px;border:1px solid currentColor;border-radius:50%}.nav-icon-users:before{left:3px}.nav-icon-users:after{right:3px}
.app-view>main{width:calc(100% - var(--nav-width));margin-left:var(--nav-width)}
.wordmark,.user-menu{flex:0 0 auto}
@media(max-width:700px){:root{--nav-width:148px}.topbar{padding:0 12px}.wordmark strong,.user-copy{display:none}.main-nav{padding:12px 8px}.nav-btn,.nav-btn[style]{min-height:43px;padding:0 10px!important;font-size:11px}.profile-trigger{width:36px;height:36px}}