.sidebar{background:var(--caribe-noche);-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:50;border-right:1px solid #d4a0171a;border-radius:3.5rem;flex-direction:column;width:320px;height:calc(100vh - 40px);transition:all .8s cubic-bezier(.2,1,.2,1);display:flex;position:fixed;top:20px;left:20px;overflow:hidden;box-shadow:0 40px 100px #0006}.sidebar-header{text-align:center;padding:4rem 2rem 3rem;position:relative}.brand{font-family:var(--font-display);color:#fff;letter-spacing:-.05em;text-transform:uppercase;font-size:1.4rem;font-weight:950;line-height:1}.brand-accent{color:var(--caribe-turquesa);letter-spacing:.4em;font-size:.7rem;font-weight:900;font-family:var(--font-main);margin-top:.5rem;font-style:normal;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 1.5rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.nav-item{color:#ffffff80;font-size:.8rem;font-weight:800;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;align-items:center;gap:1.25rem;padding:1.2rem 1.75rem;text-decoration:none;transition:all .5s cubic-bezier(.2,1,.2,1);display:flex}.nav-item svg{opacity:.5;transition:all .5s cubic-bezier(.2,1,.2,1)}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item:hover svg{opacity:1;color:var(--caribe-turquesa);transform:scale(1.2)rotate(-5deg)}.nav-item.active{background:var(--caribe-noche);color:#fff;box-shadow:0 20px 40px #0a1e2f33}.nav-item.active svg{opacity:1;color:var(--caribe-turquesa);transform:scale(1.1)}.nav-divider{text-transform:uppercase;letter-spacing:.3em;color:var(--caribe-sol);opacity:.4;font-size:9px;font-weight:900;font-family:var(--font-main);padding:2.5rem 2rem 1rem}.sidebar-footer{margin-top:auto;padding:2rem}.user-profile-glass{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2.5rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;box-shadow:0 10px 30px #0003}.btn-logout{width:100%;color:var(--caribe-coral);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:#c0392b14;border:1px solid #c0392b26;border-radius:2rem;justify-content:center;align-items:center;gap:12px;padding:1.25rem;font-size:10px;font-weight:900;transition:all .5s cubic-bezier(.2,1,.2,1);display:flex}.btn-logout:hover{background:var(--caribe-coral);color:#fff;box-shadow:0 15px 30px #c0392b33}.sidebar.collapsed{border-radius:2.5rem;width:72px}.sidebar.collapsed .sidebar-header{gap:.5rem;padding:1.75rem .5rem 1.25rem}.sidebar.collapsed .sidebar-nav{gap:.15rem;padding:0 .5rem}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item.collapsed-item{border-radius:1.5rem;justify-content:center;gap:0;padding:.85rem 0}.sidebar.collapsed .nav-item[title]:hover:after{content:attr(title);background:var(--caribe-noche);color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;z-index:9999;pointer-events:none;border:1px solid #ffffff14;border-radius:10px;padding:6px 12px;font-size:10px;font-weight:800;position:fixed;left:92px;box-shadow:0 8px 24px #0000004d}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem}.sidebar.collapsed .user-profile-glass{border-radius:1.5rem;justify-content:center;padding:.75rem 0}.sidebar.collapsed .btn-logout{border-radius:1.5rem;justify-content:center;padding:.85rem 0}