.layout-container{width:100%;min-height:calc(100vh - 87px);position:relative}.layout-container,.sidenav{display:flex;background-color:var(--background)}.sidenav{width:300px;position:absolute;height:100%;overflow-y:visible;border-right:1px solid var(--neutral);box-shadow:var(--shadow-sm);padding:20px;z-index:1;flex-direction:column;transition:width .2s ease,padding .2s ease}.sidebar-content{width:100%;transition:opacity .12s ease}.sidebar-toggle{position:absolute;top:14px;right:-15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--text-primary);background:var(--paper);border:1px solid var(--neutral);border-radius:9999px;box-shadow:var(--shadow-sm);cursor:pointer}.sidebar-toggle:hover{color:var(--primary);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1))}.sidebar-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-toggle-icon{width:18px;height:18px;transition:transform .2s ease}.main-content{transition:margin-left .2s ease,width .2s ease}.layout-container.sidebar-collapsed .sidenav{width:52px;padding-left:0;padding-right:0}.layout-container.sidebar-collapsed .sidebar-content{visibility:hidden;opacity:0;pointer-events:none}.layout-container.sidebar-collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.layout-container.sidebar-collapsed .main-content{width:calc(100% - 52px);margin-left:52px}.main-content{margin-left:300px;flex:1;background-color:var(--background);width:calc(100% - 300px);padding:24px}@media (max-width:1024px){.sidenav{width:250px}.main-content{margin-left:250px;width:calc(100% - 250px)}}@media (max-width:768px){.layout-container{flex-direction:column}.sidenav{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--neutral);box-shadow:var(--shadow-sm);order:1}.main-content{margin-left:0;width:100%;order:2}.sidebar-toggle{top:auto;right:14px;bottom:-15px;transform:rotate(90deg)}.layout-container.sidebar-collapsed .sidenav{width:100%;height:42px;min-height:42px;padding:0}.layout-container.sidebar-collapsed .main-content{width:100%;margin-left:0}}