.sidebar{width:220px;flex-shrink:0;transition:width .3s ease;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e0e0e0;position:relative;z-index:100}.sidebar.collapsed{width:60px}.main-content{flex:1;min-width:0;overflow:auto;background:#f9f9f9;padding:1rem}@media (max-width: 768px){.sidebar{position:fixed;left:-220px;top:0;height:100%;z-index:1100;box-shadow:2px 0 5px #0000001a}.sidebar.mobile-open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1050}.main-content{padding:1rem}}.dashboard-root{display:flex;flex-direction:column;min-height:100vh}.dashboard-body{display:flex;flex:1;min-height:0}.sidebar{width:220px;transition:width .3s ease;display:flex;flex-direction:column;flex-shrink:0;background:#fff;border-right:1px solid #ddd;z-index:1000}.sidebar.collapsed{width:55px}.sidebar.mobile-open{position:fixed;left:0;top:0;bottom:0;width:220px!important;z-index:1100;box-shadow:2px 0 5px #0000004d;background:#fff}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.sidebar-header{padding:.5rem;display:flex;justify-content:center}.main-content{flex:1;min-width:0;overflow:auto;padding:1rem;background:#f9f9f9;transition:margin-left .3s ease}.sidebar+.main-content{margin-left:220px}.sidebar.collapsed+.main-content{margin-left:60px}@media (max-width: 767.98px){.sidebar{position:fixed;left:-220px;top:0;bottom:0;width:220px;z-index:1100;transition:left .3s ease}.sidebar.mobile-open{left:0}.main-content{margin-left:0!important}}