:root{--bg-body: #f6fefd;--bg-card: #fff;--bg-input: #fff;--bg-sidebar: linear-gradient(180deg, #005c5c 0%, #2d7a74 100%);--sidebar-dropdown-bg: #0a4d4d;--text-primary: #374151;--text-secondary: #656565;--text-muted: #6b7280;--border-color: #ddd;--border-light: #e5e7eb;--shadow: 0 0 10px rgba(0, 0, 0, .1);--accent: #33857e;--accent-hover: #2a6d67;--accent-light: #e8f5f3;--accent-rgb: 51, 133, 126;--card-summary-gradient: linear-gradient(90deg, #9eebe3 0%, #a8e7db 100%);--card-emitir-gradient: linear-gradient(90deg, #005c5c 0%, #2d7a74 100%);--card-historial-gradient: linear-gradient(90deg, #578f89 0%, #7e9e98 100%);--card-reportes-gradient: linear-gradient(90deg, #4b85ab 0%, #78a5b7 100%);--card-planes-bg: #008f85;--landing-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);--landing-text: rgba(255, 255, 255, .95);--landing-btn-bg: #fff;--landing-btn-color: var(--accent);--landing-btn-hover: var(--accent-hover);--card-emitir-text: #fff;--card-historial-text: #fff;--card-reportes-text: #fff;--card-planes-text: #fff;--color-price: #047857;--badge-bg: #dbeafe;--badge-text: #1e40af;--icon-bg: #e0f2fe;--icon-color: #0284c7;--header-bg: #fff;--table-stripe: #f5f5f5;--bg-secondary: #f3f4f6;--bg-disabled: #f3f4f6;--bg-overlay: rgba(0, 0, 0, .5);--tooltip-bg: #1f2937;--error-bg: #fee2e2;--error-text: #b91c1c;--warning-bg: #fef9c3;--warning-text: #a16207;--warning-icon: #ca8a04;--success-bg: #d1fae5;--success-text: #065f46;--delete-bg: #dc2626;--delete-hover: #b91c1c;--gray-btn-bg: #6b7280;--gray-btn-hover: #4b5563}[data-theme=dark]{--bg-body: #1A1A1A;--bg-card: #1f2937;--bg-input: #374151;--bg-sidebar: linear-gradient(180deg, #1e3a32 0%, #0d2d26 100%);--sidebar-dropdown-bg: #15302a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #4b5563;--border-light: #374151;--shadow: 0 0 20px rgba(0, 0, 0, .4);--accent: #2ECC71;--accent-hover: #27ae60;--accent-light: #1e3a32;--accent-rgb: 46, 204, 113;--card-summary-gradient: linear-gradient(90deg, #334B45 0%, #5F7B7B 100%);--card-emitir-gradient: linear-gradient(90deg, #6EE7B7 0%, #99E2F8 100%);--card-historial-gradient: linear-gradient(90deg, #5F7B7B 0%, #7A9696 100%);--card-reportes-gradient: linear-gradient(90deg, #5C7C9E 0%, #8CA8BF 100%);--card-planes-bg: #1ABC9C;--landing-gradient: linear-gradient(135deg, #5C7C9E 0%, #8CA8BF 100%);--landing-text: rgba(255, 255, 255, .95);--landing-btn-bg: #fff;--landing-btn-color: #2d5a6e;--landing-btn-hover: #1e4558;--card-emitir-text: #1A1A1A;--card-historial-text: #f9fafb;--card-reportes-text: #f9fafb;--card-planes-text: #f9fafb;--color-price: #34d399;--badge-bg: #1e3a5f;--badge-text: #93c5fd;--icon-bg: #134e4a;--icon-color: #5eead4;--header-bg: #1f2937;--table-stripe: #374151;--bg-secondary: #374151;--bg-disabled: #4b5563;--bg-overlay: rgba(0, 0, 0, .7);--tooltip-bg: #111827;--error-bg: #7f1d1d;--error-text: #fecaca;--warning-bg: #422006;--warning-text: #fef08a;--warning-icon: #fde047;--success-bg: #064e3b;--success-text: #a7f3d0;--delete-bg: #dc2626;--delete-hover: #b91c1c;--gray-btn-bg: #6b7280;--gray-btn-hover: #4b5563}*,*:before,*:after{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{margin:0;padding:0;min-height:100%;width:100%;font-family:Poppins,sans-serif;background-color:var(--bg-body);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{min-height:100%;width:100%}.picker-card.picker-card--outlined{background:var(--bg-card)!important;border:none!important;color:var(--text-primary)!important;box-shadow:0 2px 4px #00000024,0 4px 8px #0000001a!important;transition:box-shadow .2s ease,transform .2s ease}.picker-card.picker-card--outlined:hover{box-shadow:0 4px 8px #0000001f,0 8px 16px #0000001a!important;transform:translateY(-2px)}.picker-card.picker-card--outlined.picker-card--selected{box-shadow:0 4px 8px #0000001f,0 8px 16px #0000001a,0 0 0 2px var(--accent)!important}[data-theme=dark] .picker-card.picker-card--outlined{box-shadow:0 2px 6px #00000040,0 4px 12px #0003!important}[data-theme=dark] .picker-card.picker-card--outlined:hover{box-shadow:0 6px 12px #0000004d,0 10px 24px #00000040!important}[data-theme=dark] .picker-card.picker-card--outlined.picker-card--selected{box-shadow:0 6px 12px #0000004d,0 10px 24px #00000040,0 0 0 2px var(--accent)!important}.form__modal--picker .form__modal-body{background:var(--bg-body)!important}