:root{--sidebar-w:220px}.sidebar{display:none}@media (min-width:1100px){body.has-sidebar{padding-left:var(--sidebar-w)}.sidebar{width:var(--sidebar-w);background:var(--surface-1);border-right:1px solid var(--border);z-index:60;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:22px 18px 18px;display:flex}.sidebar__brand .brand-mark,.sidebar__brand .icon{width:30px;height:30px;color:var(--accent);flex-shrink:0}.sidebar__brand-text{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.sidebar__brand-name{letter-spacing:-.4px;color:var(--text-1);font-size:15px;font-weight:800}.sidebar__brand-sub{color:var(--text-3);font-size:11px;font-weight:500}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex;overflow-y:auto}.sidebar__nav-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);opacity:.65;margin:10px 0 4px;padding:0 10px;font-size:10px;font-weight:700}.sidebar__nav-label:first-child{margin-top:0}.sidebar__item{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar__item .icon{opacity:.8;flex-shrink:0;width:17px;height:17px}.sidebar__item:hover{background:var(--surface-2);color:var(--text-1)}.sidebar__item.is-active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.sidebar__item.is-active .icon{opacity:1}.sidebar__footer{border-top:1px solid var(--border);padding:12px}.sidebar__logout:hover{background:var(--danger-soft);color:var(--danger)}}