.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--navy);color:#dbe8f5;z-index:15;transition:width var(--transition);overflow:auto}.side-top{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.side-logo{font-size:19px;font-weight:800;letter-spacing:.14em;color:#fff}.side-context{font-size:11px;color:#91b0cc;margin-top:8px}.nav{padding:16px 10px}.nav-label{font-size:10px;letter-spacing:.12em;color:#7392ae;font-weight:800;padding:15px 10px 7px}.nav-item{display:flex;align-items:center;gap:11px;color:#b9cce0;border-radius:7px;padding:10px;margin:2px 0;font-size:13px}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{color:#fff;background:var(--blue)}.nav-icon{width:20px;text-align:center}.nav-badge{margin-left:auto}.side-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:var(--navy)}.collapse-btn{color:#b9cce0;width:100%;text-align:left;padding:10px}.collapsed .sidebar{width:var(--sidebar-collapsed)}.collapsed .main-area{margin-left:var(--sidebar-collapsed)}.collapsed .side-context,.collapsed .nav-item span:not(.nav-icon),.collapsed .nav-label,.collapsed .side-bottom span{display:none}.collapsed .nav-item{justify-content:center}