.sidebar{width:240px;background-color:var(--bg-primary);border-right:1px solid var(--w-04);position:sticky;top:60px;align-self:flex-start;min-height:calc(100vh - 60px);padding:2rem 0;flex-shrink:0;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease,height .2s ease;overflow-y:auto}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--w-04);margin-bottom:1rem;transition:border-color .3s ease}.sidebar-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;transition:color .3s ease}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:11px;text-decoration:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;transition:all .2s ease;position:relative}.sidebar-item.active,.sidebar-item:hover{background-color:var(--w-04)}.sidebar-item.active{color:var(--text-primary);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--w-06);border-radius:0 2px 2px 0;transition:background-color .3s ease}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);transition:color .3s ease}.sidebar-label{flex:1;line-height:1.3;white-space:normal}.sidebar-close-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-primary);transition:opacity .2s,color .3s ease}.sidebar-close-button:hover{opacity:.7}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{position:fixed;left:-240px;top:60px;height:calc(100vh - 60px);z-index:999;transition:left .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.3)}.sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:998;transition:opacity .3s ease,background-color .3s ease}.sidebar-header{padding:1rem;display:flex;justify-content:space-between;align-items:center}.sidebar-close-button{display:block}.sidebar-nav{padding:0 .75rem}.sidebar-item{padding:.625rem .75rem;font-size:.875rem}}@media (max-width:480px){.sidebar{width:200px;left:-200px}}