.layout-container{min-height:100vh;display:flex}.sidebar{z-index:1000;background:#521c68;border-right:2px solid #3d144f;flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.sidebar.closed{width:80px}.sidebar.closed .sidebar-logo{width:50px}.sidebar.closed .nav-content,.sidebar.closed .nav-subtitle,.sidebar.closed .user-details,.sidebar.closed .user-tipo,.sidebar.closed .logout-button span,.sidebar.closed .expand-icon,.sidebar.closed .sub-menu,.sidebar.closed .nav-divider{display:none}.sidebar.closed .nav-item{justify-content:center;padding:1rem}.sidebar.closed .user-info{justify-content:center}.sidebar.closed .logout-button{justify-content:center;padding:.75rem}.sidebar-header{text-align:center;background:#0000001a;border-bottom:2px solid #fff3;padding:1rem}.sidebar-logo{width:200px;height:auto}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{color:#fffffff2;border-left:3px solid #0000;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.05rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff26}.nav-item.active{color:#fff;background:#ffffff40;border-left-color:#fff;font-weight:700}.nav-icon{flex-shrink:0;width:24px;height:24px}.nav-content{flex-direction:column;gap:.25rem;display:flex}.nav-title{color:#fff;font-size:1.1rem;font-weight:700}.nav-subtitle{color:#ffffffe6;font-size:.95rem}.sidebar-footer{border-top:2px solid #fff3;padding:1rem}.user-info{background:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.user-avatar{color:#fff;width:40px;height:40px}.user-details{flex:1;min-width:0}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.user-email{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.9rem;overflow:hidden}.nav-divider{background:#fff3;height:2px}.nav-section{margin-bottom:.5rem}.nav-expandable{cursor:pointer;text-align:left;color:#fffffff2;background:0 0;border:none;border-radius:10px;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-size:1.05rem;transition:all .3s;display:flex;position:relative}.nav-expandable .expand-icon{color:#ffffffe6;flex-shrink:0;width:20px;height:20px;margin-left:auto;transition:transform .3s}.nav-expandable.expanded .expand-icon{transform:rotate(180deg)}.nav-expandable:hover,.nav-expandable.expanded{background:#ffffff26}.sub-menu{border-left:2px solid #ffffff4d;flex-direction:column;gap:.25rem;margin-top:.5rem;margin-left:3.5rem;padding-left:1rem;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-nav-item{color:#ffffffe6;border-radius:8px;align-items:center;padding:.75rem 1rem;font-size:1rem;text-decoration:none;transition:all .3s;display:flex}.sub-nav-item:hover{color:#fff;background:#ffffff26}.sub-nav-item.active{color:#fff;background:#ffffff40;font-weight:700}.logout-button{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.logout-button:hover{color:#fff;background:#ffffff40;border-color:#fff}.logout-icon{width:20px;height:20px}.sidebar-toggle{color:#fff;cursor:pointer;background:#521c68;border:2px solid #3d144f;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:30px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;right:-15px;transform:translateY(-50%);box-shadow:2px 0 8px #0006}.sidebar-toggle:hover{background:#3d144f;border-color:#2a0e36;width:35px}.sidebar-toggle svg{width:18px;height:18px}.main-content{background:var(--background);flex:1;width:100%;min-width:0;max-width:100%;min-height:100vh;margin-left:280px;padding:0;transition:all .3s;overflow-x:hidden}.main-content.sidebar-closed{margin-left:80px}.mobile-menu-btn{z-index:1001;color:#fff;cursor:pointer;background:#521c68;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 12px #521c6866}.mobile-menu-btn:hover{background:#3d144f;transform:scale(1.05)}.mobile-menu-btn svg{width:24px;height:24px}.sidebar-backdrop{z-index:999;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-close-mobile{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:none;position:absolute;top:1rem;right:1rem}.sidebar-close-mobile:hover{background:#ffffff4d}.sidebar-close-mobile svg{width:24px;height:24px}@media (max-width:1024px){.sidebar.closed{width:80px}.main-content.sidebar-closed{margin-left:80px}}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar{width:280px;max-width:85vw;transition:transform .3s,box-shadow .3s;transform:translate(-100%)}.sidebar.mobile-visible{transform:translate(0);box-shadow:8px 0 24px #00000040}.sidebar.closed{width:280px;max-width:85vw}.sidebar-close-mobile{display:flex}.sidebar-toggle{display:none}.main-content{margin-left:0;padding-top:4rem}.main-content.sidebar-closed{margin-left:0}.layout-container.mobile-menu-open .sidebar-backdrop{opacity:1;display:block}.layout-container.mobile-menu-open .mobile-menu-btn{display:none}}@media (max-width:480px){.sidebar{width:100%;max-width:100%}.sidebar.mobile-visible,.sidebar.closed{width:100%}.mobile-menu-btn{width:44px;height:44px;top:.75rem;left:.75rem}}@media (max-width:500px){.main-content{max-width:100vw;overflow-x:hidden}}.main-content .acceso-denegado{justify-content:center;align-items:center;min-height:60vh;padding:1.5rem;display:flex}.main-content .acceso-denegado-card{text-align:center;background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;max-width:420px;padding:2rem;box-shadow:0 4px 20px #00000014}.main-content .acceso-denegado-icon{width:64px;height:64px;color:var(--error,#dc2626);margin:0 auto 1.25rem}.main-content .acceso-denegado-icon svg{width:100%;height:100%}.main-content .acceso-denegado-card h1{color:var(--foreground,#111);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.main-content .acceso-denegado-card p{color:var(--muted,#6b7280);margin:0 0 1.5rem;line-height:1.5}.main-content .acceso-denegado-link{background:var(--primary,#2563eb);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.main-content .acceso-denegado-link svg{flex-shrink:0;width:1.15em;height:1.15em}.main-content .acceso-denegado-link:hover{opacity:.9}