.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);z-index:var(--z-sticky);transition:width var(--transition-normal);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-glass{height:100%;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-right:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-md);color:#fff;flex-shrink:0}.logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md)}.nav-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-section-title{display:block;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-top:var(--spacing-md)}.nav-section-title:first-child{margin-top:0}.menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.menu-item:hover{background:#ffffff0f;color:var(--text-primary)}.menu-item.active{background:#ffffff1f;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.menu-item.active .menu-icon{color:var(--text-primary)}.menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arrow{display:flex;align-items:center;color:var(--text-tertiary);transition:transform var(--transition-fast)}.menu-item.active .menu-arrow{color:var(--text-secondary)}.menu-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff}.menu-item.active .menu-badge{background:#fff3;color:#fff}.menu-item-group{display:flex;flex-direction:column}.submenu{display:flex;flex-direction:column;gap:2px;padding-left:40px;margin-top:var(--spacing-xs);animation:slideUp var(--transition-fast) ease-out}.submenu-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-tertiary);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.submenu-item:hover{color:var(--text-primary);background:#ffffff0a}.submenu-item.active{color:var(--text-primary);background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar.collapsed .menu-item{justify-content:center;padding:var(--spacing-sm)}.sidebar.collapsed .menu-icon{margin:0}.sidebar.collapsed .sidebar-header{padding:var(--spacing-md);display:flex;justify-content:center}.sidebar.collapsed .logo{justify-content:center}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}@keyframes slideUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:80%;max-width:320px}.sidebar.mobile-open{transform:translate(0)}}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);z-index:var(--z-sticky);transition:left var(--transition-normal)}.header.sidebar-collapsed{left:var(--sidebar-collapsed)}.header-glass{width:100%;height:100%;background:#0a0a0f99;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.header-search{position:relative;width:320px}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;min-height:44px;padding:10px 14px 10px 44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);box-sizing:border-box;outline:none;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{background:#ffffff14;border-color:#ffffff3d;box-shadow:0 0 0 3px #ffffff0d}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background:#ffffff14;color:var(--text-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent-danger);border-radius:50%;border:2px solid var(--bg-primary)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background:#ffffff1a;border-color:#ffffff26}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:var(--radius-md);color:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);line-height:1.2}.user-role{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.2}.user-chevron{color:var(--text-tertiary);margin-left:var(--spacing-xs);transition:transform var(--transition-fast)}.user-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:220px;background:#14141ed9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 10px 30px #00000080;padding:var(--spacing-xs);z-index:100;animation:scaleIn .2s ease;transform-origin:top right}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-dropdown-header{padding:var(--spacing-sm) var(--spacing-md)}.user-dropdown-name{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px}.user-dropdown-email{font-size:var(--font-size-xs);color:var(--text-tertiary)}.user-dropdown-divider{height:1px;background:#ffffff14;margin:var(--spacing-xs) 0}.user-dropdown-item{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.user-dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.user-dropdown-item:hover .user-dropdown-icon{color:var(--accent-danger)}.user-dropdown-icon{margin-right:var(--spacing-sm);color:var(--text-tertiary);transition:color var(--transition-fast)}@media(max-width:768px){.header,.header.sidebar-collapsed{left:0}.header-search,.user-info{display:none}}.layout{min-height:100vh}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)}.content-wrapper{padding:var(--spacing-lg);animation:fadeIn var(--transition-normal) ease-out}@media(max-width:768px){.main-content,.sidebar-collapsed .main-content{margin-left:0}.content-wrapper{padding:var(--spacing-md)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);animation:fadeIn var(--transition-fast) ease-out}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:radial-gradient(circle at top right,rgba(10,132,255,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(48,209,88,.05),transparent 40%),var(--bg-primary)}.auth-layout__content{width:100%;max-width:420px;z-index:10}.auth-card{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-card.glass-card:hover{background:#ffffff08;border-color:#ffffff14}.auth-header{text-align:center;margin-bottom:var(--spacing-md)}.auth-header h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:var(--spacing-md);color:var(--text-tertiary);pointer-events:none}.auth-input{width:100%;height:48px;padding:var(--spacing-sm) var(--spacing-md);padding-left:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-input:focus{border-color:#ffffff4d;background:#ffffff14}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs);font-size:var(--font-size-sm)}.auth-link{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--text-primary)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.auth-logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-lg);color:#fff}:root{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-elevated: #3a3a3c;--glass-bg: rgba(44, 44, 46, .65);--glass-bg-hover: rgba(58, 58, 60, .75);--glass-bg-active: rgba(72, 72, 74, .85);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 40px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-muted: rgba(255, 255, 255, .2);--accent-primary: #0a84ff;--accent-primary-hover: #409cff;--accent-primary-glow: rgba(10, 132, 255, .25);--accent-success: #30d158;--accent-success-glow: rgba(48, 209, 88, .25);--accent-warning: #ff9f0a;--accent-warning-glow: rgba(255, 159, 10, .25);--accent-danger: #ff453a;--accent-danger-glow: rgba(255, 69, 58, .25);--accent-purple: #bf5af2;--accent-purple-glow: rgba(191, 90, 242, .25);--selection-bg: rgba(255, 255, 255, 1);--selection-text: #000000;--icon-bg: rgba(255, 255, 255, .1);--icon-bg-active: rgba(255, 255, 255, 1);--icon-color: rgba(255, 255, 255, .9);--icon-color-active: #000000;--chat-user: var(--accent-primary);--chat-bot: var(--glass-bg);--chat-timestamp: var(--text-tertiary);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500}:root[data-estilo-interfaz=grafito]{--bg-primary: #06070a;--bg-secondary: #16181d;--bg-tertiary: #22252d;--bg-elevated: #2d313b;--glass-bg: rgba(34, 37, 45, .72);--glass-bg-hover: rgba(45, 49, 59, .8);--glass-bg-active: rgba(56, 61, 73, .88)}:root[data-densidad=compacta]{--spacing-md: 14px;--spacing-lg: 20px;--spacing-xl: 28px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:all var(--transition-normal);transform:translateZ(0);will-change:transform,box-shadow}.glass-card--hoverable:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px) translateZ(0);box-shadow:0 12px 40px #0006}.glass-card--primary{border-left:3px solid var(--accent-primary)}.glass-card--success{border-left:3px solid var(--accent-success)}.glass-card--warning{border-left:3px solid var(--accent-warning)}.glass-card--danger{border-left:3px solid var(--accent-danger)}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none}.glass-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.glass-button:active{transform:translateY(0);background:var(--glass-bg-active)}.glass-button:focus-visible{box-shadow:0 0 0 2px var(--accent-primary-glow)}.glass-button--primary{background:var(--accent-primary);border-color:var(--accent-primary)}.glass-button--primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:0 4px 20px var(--accent-primary-glow)}.glass-button--success{background:var(--accent-success);border-color:var(--accent-success)}.glass-button--danger{background:var(--accent-danger);border-color:var(--accent-danger)}.glass-input{width:100%;min-height:44px;padding:10px 14px;background:#ffffff0d;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-fast);outline:none;box-sizing:border-box}input.glass-input,textarea.glass-input,select.glass-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none!important;-webkit-tap-highlight-color:transparent}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input:hover{background:#ffffff0f;border-color:#ffffff24}.glass-input:focus,.glass-input:focus-visible{background:#ffffff14;border-color:#ffffff3d;box-shadow:0 0 0 3px #ffffff0d!important;outline:none!important}textarea.glass-input{min-height:120px;padding-top:12px;padding-bottom:12px;line-height:1.5;resize:vertical}select.glass-input{padding-right:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.6) 50%),linear-gradient(135deg,rgba(255,255,255,.6) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.glass-sidebar{background:linear-gradient(180deg,#ffffff08,#ffffff03);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-right:1px solid var(--glass-border)}.glass-header{background:#0a0a0fcc;backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border)}.glass-modal{background:var(--bg-secondary);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000080}.glow-primary{box-shadow:0 0 20px var(--accent-primary-glow)}.glow-success{box-shadow:0 0 20px var(--accent-success-glow)}.glow-warning{box-shadow:0 0 20px var(--accent-warning-glow)}.glow-danger{box-shadow:0 0 20px var(--accent-danger-glow)}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity;contain:layout style paint}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}html.movimiento-reducido *,html.movimiento-reducido *:before,html.movimiento-reducido *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(34,197,94,.04) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}