.sidebar{position:fixed;top:0;left:0;width:16rem;height:100vh;background-color:#35A2E7;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-right:1px solid #e5e7eb;z-index:40;transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translateX(0)}@media (min-width:1024px){.sidebar{position:fixed;transform:translateX(0);box-shadow:none;border-right:none}}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-nav{flex:1;padding:1rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.2);margin-top:auto}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;color:white;border-radius:.5rem;transition:all .2s;text-decoration:none}.nav-item:hover{background-color:rgba(255,255,255,.2);color:white}.nav-icon{margin-right:.75rem;color:rgba(255,255,255,.8);transition:color .2s}.nav-item:hover .nav-icon{color:white}.nav-text{font-weight:500}.sidebar-title{font-size:1.25rem;font-weight:700;color:white;margin:0}.sidebar-subtitle{font-size:.875rem;color:rgba(255,255,255,.8);margin:.25rem 0 0}.sidebar-copyright{font-size:.75rem;color:rgba(255,255,255,.6);text-align:center;margin:0}.app-layout{min-height:100vh;background-color:#f9fafb}.app-main{margin-left:0;padding:1.5rem}@media (min-width:1024px){.app-main{margin-left:16rem}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:30}@media (min-width:1024px){.sidebar-overlay{display:none}}.hamburger-button{position:fixed;top:1rem;left:1rem;z-index:50;padding:.5rem;background-color:white;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:background-color .2s}.hamburger-button:hover{background-color:#f9fafb}@media (min-width:1024px){.hamburger-button{display:none}}