.sesion-expirada-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-backdrop-blur));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,var(--modal-accent-outer-glow);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:var(--modal-accent-stripe-height, 2px);background:var(--modal-accent-stripe);opacity:var(--modal-accent-stripe-opacity, .9);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:1;pointer-events:none}.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{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow:hidden;background:#06080c;background-image:linear-gradient(180deg,#0a0e14,#06080c 42%,#040506),radial-gradient(ellipse 80% 50% at 50% -8%,rgba(56,189,248,.09) 0%,transparent 68%),radial-gradient(ellipse 42% 36% at 88% 58%,rgba(99,102,241,.05) 0%,transparent 55%),radial-gradient(ellipse 38% 32% at 10% 68%,rgba(34,211,238,.04) 0%,transparent 52%)}.zenia-loading:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 28% 38%,rgba(56,189,248,.06) 0%,transparent 48%),radial-gradient(circle at 72% 62%,rgba(99,102,241,.05) 0%,transparent 46%);animation:zenia-loading-bg-drift 9s ease-in-out infinite alternate;pointer-events:none}.zenia-loading__glow{position:absolute;width:min(300px,65vw);height:min(300px,65vw);border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.09) 0%,transparent 72%);filter:blur(48px);animation:zenia-loading-glow 3.5s ease-in-out infinite alternate;pointer-events:none}.zenia-loading__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1;animation:zenia-loading-enter .45s cubic-bezier(.22,1,.36,1) both}.zenia-loading__brand{font-size:clamp(2.75rem,8.5vw,4.25rem);animation:zenia-loading-float 3s ease-in-out infinite}.zenia-loading__brand .zenia-brand-ia{animation:zenia-loading-ia-pulse 2.4s ease-in-out infinite}.zenia-loading__dots{display:flex;align-items:center;gap:.4rem}.zenia-loading__dots span{width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf873;animation:zenia-loading-dot 1.1s ease-in-out infinite}.zenia-loading__dots span:nth-child(2){animation-delay:.16s}.zenia-loading__dots span:nth-child(3){animation-delay:.32s}@keyframes zenia-loading-bg-drift{0%{transform:translate(-2%,-1.5%) scale(1)}to{transform:translate(2.5%,2%) scale(1.06)}}@keyframes zenia-loading-glow{0%{opacity:.45;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes zenia-loading-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes zenia-loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes zenia-loading-ia-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes zenia-loading-dot{0%,80%,to{transform:translateY(0) scale(.55);opacity:.35}40%{transform:translateY(-4px) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.zenia-loading:before,.zenia-loading__glow,.zenia-loading__content,.zenia-loading__brand,.zenia-loading__brand .zenia-brand-ia,.zenia-loading__dots span{animation:none}.zenia-loading__content{opacity:1;transform:none}}: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, .22);--bg-primary: #0c0f14;--bg-secondary: #13181f;--bg-tertiary: #2f3a49;--bg-card: rgba(22, 28, 36, .72);--bg-card-hover: rgba(30, 37, 47, .88);--bg-elevated: rgba(47, 58, 73, .42);--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: #344050;--color-gray-800: #13181f;--color-gray-900: #0c0f14;--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-dark) 0%, var(--color-primary) 45%, var(--color-primary-light) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 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-numeric-tabular: tabular-nums;--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, .2) 0%, rgba(79, 70, 229, .14) 100%);--btn-primary-hover: linear-gradient(135deg, rgba(99, 102, 241, .3) 0%, rgba(79, 70, 229, .22) 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 2px 10px rgba(0, 0, 0, .22), 0 0 0 1px rgba(99, 102, 241, .12);--btn-shadow-hover: 0 4px 16px rgba(0, 0, 0, .28), 0 0 0 1px rgba(99, 102, 241, .22);--btn-shadow-active: 0 1px 6px rgba(0, 0, 0, .2);--modal-bg: #ffffff;--modal-bg-dark: #0c0f14;--modal-bg-secondary: #13181f;--modal-text-primary: #f1f5f9;--modal-text-secondary: #cbd5e1;--modal-border: #e2e8f0;--modal-border-color: rgba(148, 163, 184, .1);--modal-shadow: 0 18px 40px rgba(2, 21, 43, .18);--modal-radius: 20px;--modal-padding: 1.5rem;--modal-gap: 1rem;--modal-overlay-bg: radial-gradient( ellipse 90% 90% at 50% 48%, color-mix(in srgb, var(--bg-primary) 82%, transparent) 0%, rgba(0, 0, 0, .88) 100% );--modal-overlay-backdrop-blur: 16px;--modal-accent-stripe-height: 3px;--modal-accent-stripe-opacity: 1;--modal-accent-stripe: linear-gradient( 135deg, var(--color-primary-light, #818cf8) 0%, var(--color-info-light, #60a5fa) 52%, var(--color-primary, #6366f1) 100% );--modal-accent-outer-glow: 0 0 40px -20px color-mix(in srgb, var(--color-primary-light, #818cf8) 12%, transparent), 0 0 52px -24px color-mix(in srgb, var(--color-primary, #6366f1) 16%, transparent);--config-ui-accent: var(--color-primary-light, #818cf8);--config-ui-accent-soft: color-mix(in srgb, var(--color-info-light, #60a5fa) 15%, transparent);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4);--shadow-backdrop: 0 0 40px rgba(0, 0, 0, .5);--app-sidebar-width: 272px;--z-base: 0;--z-above-content: 1;--z-banner: 50;--z-dropdown: 500;--z-sidebar-backdrop: 999;--z-sidebar: 1000;--z-sidebar-desktop: auto;--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}:root{--page-shell-bg-1: var(--bg-primary, #0c0f14);--page-shell-bg-2: var(--bg-secondary, #13181f);--page-shell-surface: color-mix(in srgb, var(--bg-secondary, #13181f) 90%, var(--bg-primary, #0c0f14));--page-shell-surface-2: var(--bg-secondary, #13181f);--page-shell-surface-3: color-mix(in srgb, var(--bg-tertiary, #2f3a49) 24%, var(--bg-secondary, #13181f));--page-shell-line: var(--border-color, rgba(255, 255, 255, .1));--page-shell-line-strong: var(--glass-border-strong, rgba(255, 255, 255, .2));--page-shell-gradient: radial-gradient(ellipse 120% 70% at 5% 0%, rgba(79, 110, 180, .09) 0%, transparent 52%), radial-gradient(ellipse 90% 55% at 92% 100%, rgba(45, 98, 168, .06) 0%, transparent 48%), radial-gradient(ellipse 50% 40% at 78% 12%, rgba(99, 102, 241, .04) 0%, transparent 45%), var(--bg-primary, #0c0f14)}.zenia-cp__bg,.zenia-notas__bg,.zenia-ventas__bg,.zenia-dash__bg,.zenia-stock__bg,.zenia-config__bg,.zenia-compras__bg,.lpc__bg,.ayuda-page-bg{background:var(--page-shell-gradient)}.zenia-cp__bg:after,.zenia-notas__bg:after,.zenia-ventas__bg:after,.zenia-dash__bg:after,.zenia-stock__bg:after,.zenia-config__bg:after,.zenia-compras__bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,black 50%,transparent 100%);opacity:.35;pointer-events:none}.app-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1050);display:flex;align-items:center;justify-content:center;pointer-events:auto;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-backdrop-blur))}.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, #0c0f14);background-image:radial-gradient(ellipse 120% 70% at 5% 0%,rgba(79,110,180,.09) 0%,transparent 52%),radial-gradient(ellipse 90% 55% at 92% 100%,rgba(45,98,168,.06) 0%,transparent 48%),radial-gradient(ellipse 50% 40% at 78% 12%,rgba(99,102,241,.04) 0%,transparent 45%);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, #13181f);border-radius:var(--border-radius-full, 9999px)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #2f3a49);border-radius:var(--border-radius-full, 9999px);border:2px solid var(--bg-secondary, #13181f)}::-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, #13181f);color:var(--text-primary, #f1f5f9);padding:var(--spacing-sm, .5rem)}option:hover,option:focus,option:checked{background:var(--bg-tertiary, #2f3a49);color:var(--text-primary, #f1f5f9)}h1{text-align:center;margin-top:40px;color:var(--text-primary, #f1f5f9)}.zenia-brand,.sidebar-brand-text{display:inline-flex;align-items:baseline;line-height:1;letter-spacing:-.045em;font-weight:700;font-size:22px}.zenia-brand-zen,.sidebar-brand-zen{color:#f8fafcf5;-webkit-text-fill-color:rgba(248,250,252,.96);opacity:1}.zenia-brand .zenia-brand-zen,.sidebar-brand-text .sidebar-brand-zen{color:#f8fafcf5!important;-webkit-text-fill-color:rgba(248,250,252,.96)!important}.zenia-brand-ia,.sidebar-brand-ia{background:linear-gradient(118deg,#38bdf8,#22d3ee 42%,#818cf8);-webkit-background-clip:text;background-clip:text;color:#67e8f9}@supports ((-webkit-background-clip: text) or (background-clip: text)){.zenia-brand-ia,.sidebar-brand-ia{color:transparent}}button{padding:.625rem 1rem;background:var(--btn-primary-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary, #f1f5f9);border:1px solid color-mix(in srgb,var(--color-primary, #6366f1) 45%,transparent);border-radius:var(--border-radius-md, 10px);height:40px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;box-shadow:var(--btn-shadow);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}button:hover{background:var(--btn-primary-hover);border-color:color-mix(in srgb,var(--color-primary-light, #818cf8) 55%,transparent);transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}button:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}button:focus{outline:none;box-shadow:var(--btn-shadow),0 0 0 2px color-mix(in srgb,var(--color-primary, #6366f1) 30%,transparent)}.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:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-backdrop-blur));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1050)}.modal-content{background:var(--bg-secondary, #13181f);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)}}
