.sidebar-container{color:#e0e0e0;z-index:1000;background:linear-gradient(#1a1a2e,#16213e);flex-direction:column;width:65px;height:100vh;padding:1.5rem 0;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-container.open{width:250px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:3rem;padding:0 1.5rem;display:flex}.logo-container{align-items:center;gap:1rem;display:flex}.logo-icon{color:#00f2fe;min-width:40px}.logo-text{white-space:nowrap;opacity:0;font-size:1.5rem;font-weight:700;transition:opacity .3s}.logo-text.visible{opacity:1}.toggle-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:none}.sidebar-nav{flex-grow:1}.nav-item{color:#a0a0a0;white-space:nowrap;align-items:center;padding:1rem 1.5rem;text-decoration:none;transition:background .3s,color .3s;display:flex}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:#1a1a2e;background:#00f2fe;font-weight:700;position:relative}.nav-item.active:before{content:"";background:#00c9a7;width:4px;height:100%;position:absolute;top:0;left:0}.nav-icon{min-width:24px;margin-right:1.5rem}.nav-text{opacity:0;transition:opacity .3s}.nav-text.visible{opacity:1}