.sidebar{width:260px;height:100vh;position:sticky;top:0;background:var(--color-background-alt);overflow:hidden;transition:width .3s ease;flex-shrink:0;display:flex;flex-direction:column}.sidebar-collapsed{width:72px}.sidebar-collapse{padding:8px;border-top:1px solid var(--color-background-border);margin-top:auto}.sidebar-collapse-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;background:transparent;border:none;border-radius:4px;color:var(--color-text-body);cursor:pointer;transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--color-background-hover)}.sidebar-collapse-btn:focus{outline:none}.sidebar-collapsed .sidebar-collapse-btn{justify-content:center;padding:10px}.sidebar-collapse-text{white-space:nowrap}.sidebar-collapsed .sidebar-collapse-text{display:none}.sidebar-nav{padding:16px 8px 0;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-item-wrapper{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;text-align:left;background:transparent;border:none;border-radius:4px;color:var(--color-text-body);text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-item:hover{background:var(--color-background-hover)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:none}.sidebar-item-active{background:var(--color-background-selected);color:var(--color-text-heading);font-weight:600}.sidebar-item-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:4px;background:var(--color-primary-orange)}.sidebar-item-level{font-size:16px;font-weight:500}.sidebar-item-level-1{padding-left:44px}.sidebar-item-level-2{padding-left:60px}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar-item-icon svg{fill:currentColor}.sidebar-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-left:auto;cursor:pointer}.sidebar-item-chevron svg{width:20px;height:20px;pointer-events:none}.sidebar-children{display:flex;flex-direction:column;gap:2px;margin-top:2px}.sidebar-collapsed .sidebar-item-label,.sidebar-collapsed .sidebar-item-chevron{display:none}.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar-collapsed .sidebar-children{display:none}@media(max-width:768px){.sidebar{position:fixed;z-index:90;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}}.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-background-default)}.main-layout>header{flex-shrink:0}.main-layout__container{display:flex;flex:1;min-height:0;overflow:hidden}.main-layout__container>.sidebar{position:sticky;top:60px;height:100%;flex-shrink:0;overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%}@media(max-width:768px){.main-content{padding:16px}.main-layout__container>.sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:90;transform:translate(-100%);transition:transform .3s ease}.main-layout__container>.sidebar.sidebar-open{transform:translate(0)}}