.sesion-expirada-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sesion-expirada-modal{background:linear-gradient(135deg,#1e293bd9,#0f172ae6);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft),var(--shadow-backdrop),0 0 0 1px #ffffff0d inset;padding:2rem;width:100%;max-width:384px;text-align:center;position:relative;animation:slideUp .3s ease-out;transform:translateZ(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sesion-expirada-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-warning),#fbbf24,var(--accent-warning));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;border-radius:24px 24px 0 0;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sesion-expirada-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--modal-text-primary);letter-spacing:-.02em}.sesion-expirada-message{font-size:1rem;line-height:1.7;color:var(--modal-text-secondary);margin:0 0 1.5rem}.sesion-expirada-button{padding:.875rem 2rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #3b82f64d,0 0 0 1px #3b82f633 inset}.sesion-expirada-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.sesion-expirada-button:hover:before{left:100%}.sesion-expirada-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666,0 0 0 1px #ffffff26 inset}.sesion-expirada-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d,0 0 0 1px #3b82f633 inset}.sesion-expirada-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 768px){.sesion-expirada-modal{padding:1.75rem;max-width:90%;border-radius:20px}.sesion-expirada-title{font-size:1.3rem}.sesion-expirada-button{width:100%;padding:.75rem 1.75rem}}@media (max-width: 480px){.sesion-expirada-modal{padding:1.5rem;border-radius:18px}.sesion-expirada-title{font-size:1.2rem}.sesion-expirada-message{font-size:.95rem}.sesion-expirada-button{font-size:.9rem;padding:.7rem 1.5rem}}.zenia-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.zenia-loading-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%);animation:pulse-bg 4s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.zenia-text{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#6366f1,#8b5cf6,#3b82f6,#8b5cf6,#6366f1);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite,glow 2s ease-in-out infinite alternate;position:relative;z-index:1;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(99,102,241,.5)) drop-shadow(0 0 20px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 20px rgba(99,102,241,.8)) drop-shadow(0 0 40px rgba(139,92,246,.5)) drop-shadow(0 0 60px rgba(59,130,246,.3))}}.zenia-text:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,#6366f1,#8b5cf6,#6366f1,transparent);animation:expand-line 2s ease-in-out infinite;box-shadow:0 0 10px #6366f1cc}@keyframes expand-line{0%,to{width:0;opacity:0}50%{width:100%;opacity:1}}.zenia-loading-container:after{content:"";position:absolute;width:4px;height:4px;background:#6366f199;border-radius:50%;box-shadow:-100px 200px #8b5cf666,200px -150px #3b82f680,-300px -100px #6366f14d,400px 100px #8b5cf666,-500px 300px #3b82f64d;animation:float-particles 8s ease-in-out infinite}@keyframes float-particles{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.2);opacity:.8}50%{transform:translate(-30px,20px) scale(.8);opacity:.4}75%{transform:translate(30px,30px) scale(1.1);opacity:.7}}@media (max-width: 768px){.zenia-text{font-size:clamp(2rem,10vw,4rem);letter-spacing:.05em}}:root,:root.dark-theme{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-glow: rgba(99, 102, 241, .3);--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-dark: #7c3aed;--color-secondary-glow: rgba(139, 92, 246, .3);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .6);--bg-card-hover: rgba(30, 41, 59, .8);--bg-elevated: rgba(51, 65, 85, .4);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-blur: blur(20px);--backdrop-blur: blur(12px);--backdrop-blur-strong: blur(20px);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-success-glow: rgba(16, 185, 129, .3);--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-glow: rgba(245, 158, 11, .3);--color-warning-bg: rgba(245, 158, 11, .1);--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #dc2626;--color-danger-glow: rgba(239, 68, 68, .3);--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-info-glow: rgba(59, 130, 246, .3);--color-info-bg: rgba(59, 130, 246, .1);--border-color: rgba(255, 255, 255, .1);--border-color-hover: rgba(255, 255, 255, .2);--border-color-focus: rgba(99, 102, 241, .5);--border-glow: rgba(99, 102, 241, .5);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-hover: 0 0 30px var(--color-primary-glow);--shadow-glow-strong: 0 0 40px var(--color-primary-glow);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-light) 100%);--gradient-danger: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-light) 100%);--gradient-bg: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-card: linear-gradient(135deg, var(--glass-bg) 0%, var(--glass-bg-strong) 100%);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bezier: cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);--btn-primary-bg: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(139, 92, 246, .12) 100%);--btn-primary-hover: linear-gradient(135deg, rgba(99, 102, 241, .25) 0%, rgba(139, 92, 246, .2) 100%);--btn-success-bg: var(--gradient-success, linear-gradient(135deg, #10b981 0%, #34d399 100%));--btn-success-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);--btn-danger-bg: var(--gradient-danger, linear-gradient(135deg, #ef4444 0%, #f87171 100%));--btn-danger-hover: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--btn-warning-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--btn-warning-hover: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--btn-secondary-bg: var(--glass-bg, rgba(255, 255, 255, .05));--btn-secondary-hover: var(--glass-bg-strong, rgba(255, 255, 255, .1));--btn-shadow: 0 4px 16px var(--color-primary-glow, rgba(99, 102, 241, .3));--btn-shadow-hover: 0 6px 24px var(--color-primary-glow, rgba(99, 102, 241, .4));--btn-shadow-active: 0 2px 8px var(--color-primary-glow, rgba(99, 102, 241, .2));--modal-bg: #ffffff;--modal-bg-dark: #0f172a;--modal-bg-secondary: #1e293b;--modal-text-primary: #f1f5f9;--modal-text-secondary: #cbd5e1;--modal-border: #e2e8f0;--modal-border-color: rgba(148, 163, 184, .1);--modal-shadow: 0 25px 50px rgba(2, 21, 43, .25);--modal-radius: 20px;--modal-padding: 1.5rem;--modal-gap: 1rem;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4);--shadow-backdrop: 0 0 40px rgba(0, 0, 0, .5);--z-base: 0;--z-above-content: 1;--z-banner: 50;--z-dropdown: 500;--z-sidebar-backdrop: 999;--z-sidebar: 1000;--z-sidebar-overlay: 1001;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification-panel: 1090;--z-toast: 10000;--z-critical-overlay: 9999;--z-walkthrough: 100000}.app-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1050);display:flex;align-items:center;justify-content:center;pointer-events:auto}.app-modal-overlay .app-modal-content{pointer-events:auto}html,body{margin:0;padding:0;height:100vh;overflow:hidden}body{font-family:var(--font-family-primary, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);background:var(--bg-primary, #0f172a);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0%,transparent 50%);color:var(--text-primary, #f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b);border-radius:var(--border-radius-full, 9999px)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #334155);border-radius:var(--border-radius-full, 9999px);border:2px solid var(--bg-secondary, #1e293b)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}::selection{background:var(--color-primary, #6366f1);color:var(--text-primary, #f1f5f9)}::-moz-selection{background:var(--color-primary, #6366f1);color:var(--text-primary, #f1f5f9)}option{background:var(--bg-secondary, #1e293b);color:var(--text-primary, #f1f5f9);padding:var(--spacing-sm, .5rem)}option:hover,option:focus,option:checked{background:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9)}h1{text-align:center;margin-top:40px;color:var(--text-primary, #f1f5f9)}button{padding:.625rem 1rem;background:linear-gradient(135deg,#6366f126,#8b5cf61f);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary, #f1f5f9);border:2px solid rgba(99,102,241,.6);border-radius:10px;height:40px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f126,inset 0 1px #ffffff1a,0 0 #6366f14d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}button:hover{background:linear-gradient(135deg,#6366f140,#8b5cf633);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 16px #6366f166,inset 0 1px #ffffff26,0 0 0 3px #6366f14d}button:active{transform:translateY(0)}button:focus{outline:none;box-shadow:0 0 0 3px #6366f14d,0 4px 16px #6366f140}.link-button{background:none;border:none;color:#0d6efd;text-decoration:underline;cursor:pointer;padding:0;font-size:1rem}.link-button:hover{color:#fcfcfc}.icon{font-size:1.2rem}.label{display:inline}@media (max-width: 768px){.label{display:none}.icon{font-size:1.3rem}}.input-estandar{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;box-sizing:border-box}.input-estandar:focus{border-color:#0b50b4;outline:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1050)}.modal-content{background:var(--bg-secondary, #1e293b);padding:2rem;border-radius:10px;max-width:520px;color:var(--text-primary, #f1f5f9);box-shadow:0 8px 20px #0000004d;border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:8px;box-shadow:0 8px 20px #00000026;z-index:var(--z-modal, 1050);width:90%;max-width:400px;font-family:Arial,sans-serif}.modal h3{margin-top:0;margin-bottom:1rem;color:#2b2b2b}.modal input,.modal textarea,.modal select{width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.modal textarea{resize:vertical;min-height:60px}.modal button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:.5rem}.modal button:first-of-type{background-color:#1976d2;color:#f4f4f4}.modal button:last-of-type{background-color:#b0bec5;color:#f4f4f4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}