.layout{display:flex;min-height:100vh}.sidebar{width:256px;background-color:#F1F6FE;border-right:1px solid #e5e7eb;position:fixed;height:100vh;overflow-y:auto;z-index:20;box-shadow:2px 0 4px rgba(0,0,0,.05)}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb}.sidebar-title{font-size:1.25rem;font-weight:700;color:#1a1a1a}.sidebar-nav{margin-top:1.5rem}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#1a1a1a;text-decoration:none;transition:background-color .2s;border-radius:.375rem}.nav-link.active,.nav-link:hover{background-color:#f3f4f6}.nav-link.active{font-weight:500}.nav-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.nav-text{font-size:.875rem}.toggle-button{cursor:pointer;z-index:30;transition:all .2s ease}.toggle-button:hover{background-color:#f3f4f6;transform:scale(1.1)}.header{position:fixed;top:0;right:0;left:256px;height:4rem;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 1.5rem;z-index:10}.main-content{margin-left:256px;padding:5rem 1.5rem 1.5rem;flex:1;background-color:#f9fafb;box-sizing:border-box}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out;background-color:#F1F6FE}.sidebar.open{transform:translateX(0)}.header{left:0}.main-content{margin-left:0}}