:root{--erp-header: #3a5fc4;--erp-header-dark: #2f4ea8;--erp-button: #3a5fc4;--erp-button-hover: #6f8fd1;--erp-button-dark: #2f4ea8;--erp-icon: #3a5fc4;--erp-label: #0000cc;--erp-primary: var(--erp-header);--erp-primary-hover: var(--erp-header-dark);--erp-primary-alpha: rgba(58, 95, 196, .15);--erp-primary-light: #e0e8f6;--erp-primary-shadow: 0 4px 12px rgba(58, 95, 196, .3);--color-info: #0066cc;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-info-border: #c7d2fe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-800: #1d4ed8;--color-blue-50: #eff6ff;--color-blue-200: #bfdbfe;--color-indigo: #6366f1;--color-indigo-bg: #e0e7ff;--color-indigo-text: #4338ca;--color-pink-bg: #fce7f3;--color-pink-text: #be185d;--erp-section: #800080;--color-purple-bg: #ede9fe;--color-purple-text: #5b21b6;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--erp-required: #cc0000;--erp-error: var(--erp-required);--erp-error-bright: #ef4444;--erp-error-dark: #991b1b;--feedback-error-bg-light: #fef2f2;--feedback-error-bg: #fee2e2;--feedback-error-text: var(--erp-required);--feedback-error-border: #fca5a5;--color-red-200: #fecaca;--color-red-400: #f87171;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-500: #e53935;--erp-active: #008000;--erp-success: var(--erp-active);--erp-success-bright: #22c55e;--erp-success-dark: #166534;--feedback-success-bg: #dcfce7;--feedback-success-text: #16a34a;--feedback-success-border: #bbf7d0;--color-green-400: #4ade80;--color-green-600: #15803d;--color-green-light: #f0fdf4;--color-emerald: #10b981;--color-emerald-dark: #065f46;--color-emerald-bg: #d1fae5;--color-emerald-bg-light: #ecfdf5;--color-emerald-light: #34d399;--color-emerald-alpha-08: rgba(0, 178, 111, .08);--color-emerald-alpha-10: rgba(0, 178, 111, .1);--color-green-soft-bg: #eff7eb;--color-success-glow: rgba(34, 197, 94, .85);--color-error-glow: rgba(239, 68, 68, .6);--color-error-glow-strong: rgba(239, 68, 68, .9);--color-error-bg-alpha: rgba(239, 68, 68, .2);--erp-warning: #ff9900;--erp-warning-dark: #9a3412;--color-warning-bg: #ffedd5;--color-warning-text: #9a3412;--color-yellow-bg: #fef9c3;--color-yellow: #fde047;--color-yellow-light: #fef08a;--color-yellow-dark: #854d0e;--color-yellow-border: #fcd34d;--color-yellow-intense: #facc15;--color-orange-highlight: #f97316;--color-orange-highlight-light: #fb923c;--color-orange-highlight-alpha: rgba(249, 115, 22, .3);--color-orange-highlight-alpha-strong: rgba(249, 115, 22, .4);--color-amber: #f59e0b;--color-amber-dark: #d97706;--color-orange-bg: #fff7ed;--color-orange-border: #fed7aa;--color-orange-text: #c2410c;--color-orange-border-light: #fdba74;--color-orange-600: #ea580c;--color-orange-dark: #e65100;--color-yellow-amber-bg: #fef3c7;--color-yellow-amber-border: #fde68a;--color-yellow-amber-warning-bg: #fff8e1;--color-yellow-amber-warning-border: #ffe0b2;--dark-bg: #1e1e2e;--dark-surface: #313244;--dark-border: #45475a;--dark-text: #cdd6f4;--dark-text-muted: #6c7086;--dark-text-secondary: #a6adc8;--dark-text-overlay: #bac2de;--dark-accent: #89b4fa;--dark-accent-alpha: rgba(137, 180, 250, .15);--dark-success: #a6e3a1;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-800: #1e293b;--bg-html: transparent;--bg-sidebar: #f0f0f0;--bg-window: #e8e8e8;--bg-input: #ffffff;--bg-section: var(--bg-sidebar);--bg-control: var(--bg-sidebar);--bg-hover: var(--gray-100);--bg-light: #f6f6f6;--bg-modal: #f5f7fa;--bg-neutral: #fafafa;--bg-slate-50: #f8fafc;--bg-code-block: #fafbfc;--text-primary: #000000;--text-secondary: #666666;--text-muted: var(--gray-400);--text-heading: var(--gray-800);--text-inverse: #ffffff;--text-on-topbar: var(--text-inverse);--bg-topbar: var(--erp-header);--login-btn-shadow: 0 4px 14px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08);--text-dark: #333333;--text-subtle: #999999;--text-code: #444444;--border-light: #cccccc;--border-input: #7f9db9;--border-focus: #0000cc;--shadow-focus-ring: 0 0 0 2px rgba(58, 95, 196, .3);--border-control: var(--border-light);--border-subtle: #d8d8d8;--border-slate: #e2e8f0;--border-gray: #e0e0e0;--border-gray-light: #eeeeee;--border-code-block: #e1e4e8;--border-disabled: #bbbbbb;--overlay-bg: rgba(0, 0, 0, .5);--overlay-bg-strong: rgba(0, 0, 0, .58);--shadow-modal: 0 22px 56px rgba(0, 0, 0, .25);--shadow-card: 0 10px 26px rgba(0, 0, 0, .36), 0 4px 12px rgba(0, 0, 0, .22);--shadow-card-hover: 0 16px 40px rgba(0, 0, 0, .42), 0 6px 16px rgba(0, 0, 0, .26);--shadow-subtle: 0 2px 6px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-xs: 0 2px 8px rgba(0, 0, 0, .08);--shadow-input: 0 1px 2px rgba(0, 0, 0, .25);--shadow-login: 0 18px 60px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .08);--shadow-modal-heavy: 0 16px 48px rgba(0, 0, 0, .3);--shadow-modal-lg: 0 20px 40px rgba(0, 0, 0, .25);--shadow-dato-card: 0 9px 24px rgba(0, 0, 0, .28), 0 4px 10px rgba(0, 0, 0, .16);--shadow-dato-card-hover: 0 15px 36px rgba(0, 0, 0, .34), 0 5px 14px rgba(0, 0, 0, .2);--shadow-micro: 0 2px 8px rgba(0, 0, 0, .06);--border-alpha-light: rgba(0, 0, 0, .12);--login-page-bg: #ffffff;--login-card-bg: #f3f4f6;--login-card-border: #d1d5db;--login-card-shadow: var(--shadow-login);--login-btn-bg: #e5e7eb;--login-btn-color: #374151;--login-btn-border: #9ca3af;--login-header-bg: #e5e7eb;--login-header-color: #374151;--login-header-border: transparent;--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-06: rgba(0, 0, 0, .06);--black-alpha-08: rgba(0, 0, 0, .08);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-12: rgba(0, 0, 0, .12);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-16: rgba(0, 0, 0, .16);--black-alpha-18: rgba(0, 0, 0, .18);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-25: rgba(0, 0, 0, .25);--black-alpha-30: rgba(0, 0, 0, .3);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-58: rgba(0, 0, 0, .58);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-25: rgba(255, 255, 255, .25);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-35: rgba(255, 255, 255, .35);--white-alpha-45: rgba(255, 255, 255, .45);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--feedback-mat-success-bg: #e8f5e9;--feedback-mat-success-border: #9ec5a3;--feedback-mat-success-text: #215c2a;--feedback-mat-info-bg: #e3f2fd;--feedback-mat-info-border: #90caf9;--feedback-mat-info-text: #1565c0;--feedback-blue-alt-bg: #f5f8ff;--feedback-blue-alt-border: #c5d8f5;--feedback-blue-alt-text: #1976d2;--feedback-tw-success-bg: #d4edda;--feedback-tw-success-text: #155724;--feedback-tw-error-bg: #fce4ec;--feedback-tw-error-text: #c62828;--email-bg-light: #f5f5f5;--color-primary: var(--erp-header);--color-primary-hover: var(--erp-header-dark);--color-success: var(--erp-active);--color-danger: #e74c3c;--color-warning: var(--erp-warning);--color-button-primary: var(--erp-header);--color-button-success: var(--erp-active);--color-button-danger: var(--erp-required);--color-erp-primary-dark: var(--erp-header-dark);--legacy-toolbar: var(--erp-header);--legacy-toolbar-start: var(--erp-header);--legacy-toolbar-end: var(--erp-header-dark);--legacy-text: var(--text-primary);--legacy-text-soft: var(--text-secondary);--legacy-border: var(--border-light);--legacy-bg-start: var(--bg-window);--legacy-bg-end: var(--bg-sidebar);--input-bg: var(--bg-input);--input-border: var(--border-input);--input-focus: var(--border-focus)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-html, #000);color:var(--text-primary, #000);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}table{border-collapse:collapse}:root{--primary-50: var(--bg-light);--primary-100: var(--bg-sidebar);--primary-200: var(--bg-window);--primary-300: var(--border-subtle);--primary-500: var(--erp-header);--primary-600: var(--erp-header-dark);--primary-700: var(--erp-header-dark);--primary-900: var(--erp-header-dark);--red-50: var(--feedback-error-bg-light);--red-200: var(--color-red-200);--red-400: var(--color-red-400);--red-700: var(--color-red-700);--green-400: var(--color-green-400)}body{overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--gray-900);background:var(--gray-900)}#root{min-height:100vh}.sc-page{min-height:100vh;background:linear-gradient(to bottom right,var(--primary-900),var(--gray-900));display:flex;align-items:center;justify-content:center;padding:16px}.sc-page--login{background:linear-gradient(135deg,var(--erp-header) 0%,var(--erp-header-dark) 60%,var(--bg-sidebar) 60%,var(--bg-sidebar) 100%)}.sc-page--column{flex-direction:column}.sc-card{background:var(--bg-input);border-radius:16px;box-shadow:0 25px 50px -12px var(--black-alpha-25);padding:32px;width:100%;max-width:448px}.sc-card--lg{max-width:512px}.sc-card-header{text-align:center;margin-bottom:32px}.sc-card-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--primary-900)}.sc-card-title--select{font-size:1.5rem;line-height:2rem;margin-bottom:24px;text-align:center}.sc-card-subtitle{color:var(--gray-500);margin-top:8px}.sc-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.sc-alert--error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700)}.sc-alert--dark{background:var(--color-error-bg-alpha);border:1px solid var(--red-400);color:var(--color-red-200);padding:12px 24px}.sc-form{display:flex;flex-direction:column;gap:16px}.sc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 520px){.sc-form-row{grid-template-columns:1fr}}.sc-form-group{display:flex;flex-direction:column}.sc-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:4px}.sc-input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-900);font-size:14px;background:var(--bg-input);transition:border-color .2s,box-shadow .2s}.sc-input:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--shadow-focus-ring)}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background-color .2s}.sc-btn--primary{background:var(--primary-600);color:var(--text-inverse)}.sc-btn--primary:hover{background:var(--primary-700)}.sc-btn--block{width:100%}.sc-btn--secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle)}.sc-btn--secondary:hover{background:var(--bg-window)}.sc-login-note{margin:0;font-size:12px;color:var(--gray-500)}.sc-centro-list{display:flex;flex-direction:column;gap:12px}.sc-centro-item{width:100%;text-align:left;padding:16px 24px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;transition:background-color .2s,border-color .2s}.sc-centro-item:hover{background:var(--primary-50);border-color:var(--primary-300)}.sc-centro-nombre{font-size:18px;font-weight:600;color:var(--gray-800)}.sc-centro-direccion{display:block;font-size:14px;color:var(--gray-500);margin-top:4px}.sc-empty{color:var(--gray-500);text-align:center}.sc-qr-header{text-align:center;margin-bottom:24px}.sc-qr-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--text-inverse);margin-bottom:8px}.sc-qr-centro{color:var(--primary-200);font-size:1.25rem}.sc-qr-frame{background:var(--bg-input);border-radius:24px;box-shadow:0 25px 50px -12px var(--black-alpha-25);padding:32px;margin-bottom:24px}.sc-qr-img{width:288px;height:288px}.sc-qr-placeholder{width:288px;height:288px;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}@media (min-width: 640px){.sc-qr-img,.sc-qr-placeholder{width:384px;height:384px}}.sc-qr-footer{text-align:center}.sc-session-bar{width:100%;max-width:640px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;border-radius:10px;border:1px solid var(--primary-300);background:var(--white-alpha-10)}.sc-session-info{color:var(--primary-100);font-size:14px}.sc-qr-clock{font-size:3.75rem;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;color:var(--text-inverse);margin-bottom:8px}.sc-qr-date{color:var(--primary-300);font-size:1.125rem}.sc-qr-timer{margin-top:16px;font-size:1.125rem;font-weight:600;color:var(--green-400)}.sc-qr-timer--warning{color:var(--red-400)}