.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:998}.sidebar-overlay.is-active{opacity:1;pointer-events:auto}.sidebar{background:#0f0f0f;border-right:1px solid #1f1f1f;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:20px 8px;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:999}.sidebar.is-open{width:240px}.brand{height:32px;justify-content:space-between;margin-bottom:24px;padding:0 8px}.brand,.brand-title{align-items:center;display:flex}.brand-title{color:#fff;font-size:20px;font-weight:800;gap:12px;margin:0;white-space:nowrap}.brand-icon{color:#a855f7;font-size:20px;min-width:24px;text-align:center}.brand-text{display:inline-block;opacity:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.brand-text span{color:#a855f7}.sidebar.is-open .brand-text{opacity:1;visibility:visible}.close-btn{background:transparent;border:none;color:#aaa;cursor:pointer;display:none;font-size:18px;padding:4px}.close-btn:hover{color:#fff}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;border-radius:8px;color:#bbb;display:flex;font-size:14px;font-weight:500;gap:16px;padding:12px;-webkit-text-decoration:none;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.nav-item i{font-size:18px;min-width:28px;text-align:center;transition:transform .2s ease}.icon-home{color:#22c55e}.nav-label{color:#fff;opacity:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.sidebar.is-open .nav-label{opacity:1;visibility:visible}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#a855f7}.nav-item:hover i{transform:scale(1.15)}.nav-item.active{background:rgba(168,85,247,.15);color:#a855f7}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#262626;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#404040}@media (max-width:991px){.sidebar.is-open{box-shadow:10px 0 30px rgba(0,0,0,.7)}.sidebar.is-open .close-btn{display:block}}