:root{--bg-app: #f5f7fa;--bg-card: #ffffff;--bg-top-bar: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e8ecf0;--accent-purple: #7c3aed;--accent-deep-purple: #2e1065;--input-bg: #ffffff;--input-border: #cccccc;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}body.dark-theme{--bg-app: #121212;--bg-card: #1e1e1e;--bg-top-bar: #1e1e1e;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #2d2d2d;--accent-purple: #a78bfa;--accent-deep-purple: #f3f4f6;--input-bg: #2d2d2d;--input-border: #3f3f46;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}app-root{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);transition:background-color .3s ease,border-color .3s ease}body.dark-theme .glass{background:#1e1e1e73;border:1px solid rgba(255,255,255,.08)}.shadow-sm{box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.shadow-md{box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.shadow-lg{box-shadow:var(--shadow-lg);transition:box-shadow .3s ease}.transition{transition:all .3s ease}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:clamp(24px,5vw,32px)}h2{font-size:clamp(20px,4vw,28px)}h3{font-size:clamp(18px,3.5vw,24px)}p{font-size:clamp(14px,2.5vw,16px);line-height:1.6}button{position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:before{width:300px;height:300px}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000026}.gradient-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.gradient-success{background:linear-gradient(135deg,#22d3ee,#0891b2)}.gradient-warning{background:linear-gradient(135deg,#ffa726,#fb8c00)}.gradient-error{background:linear-gradient(135deg,#ef5350,#e53935)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;transition:background .3s ease}body.dark-theme .skeleton{background:linear-gradient(90deg,#1e1e1e 25%,#2d2d2d,#1e1e1e 75%)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media print{.no-print{display:none!important}}input,select,textarea{background-color:var(--input-bg);color:var(--text-primary);border-color:var(--input-border);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.modal-producto,.modal-inactiva,.modal-body{background-color:var(--bg-card)!important;color:var(--text-primary)!important;transition:background-color .3s ease,color .3s ease}.modal-producto input,.modal-producto select{background-color:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--input-border)!important}.modal-header h3{color:var(--accent-deep-purple)!important}.helper-text{color:var(--text-secondary)!important}.readonly-input{background-color:var(--bg-app)!important;color:var(--text-secondary)!important}body.dark-theme .stat-card.completadas{background:#10b981!important;color:#fff!important;border-color:#059669!important}body.dark-theme .stat-card.pendientes{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important}body.dark-theme .stat-card.errores{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important}body.dark-theme .dia-card.active{background:#3b82f6!important;border-color:#2563eb!important}body.dark-theme .dia-card.completed{background:#10b981!important;border-color:#059669!important}body.dark-theme .dia-card.error{background:#ef4444!important;border-color:#dc2626!important}body.dark-theme .dia-item.dia-completado{background:#10b981!important;color:#fff!important;border-color:#059669!important}body.dark-theme .dia-item.dia-emitiendo{background:#8b5cf6!important;color:#fff!important;border-color:#7c3aed!important}body.dark-theme .dia-item.dia-listo{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important}body.dark-theme .dia-item.dia-error{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important}body.dark-theme .boletas-tabla tr.boleta-completada td{background:#0f766e!important;color:#fff!important}body.dark-theme .boletas-tabla tr.boleta-confirmacion td{background:#917208!important;color:#fff!important}body.dark-theme .boletas-tabla tr.boleta-error td{background:#991b1b!important;color:#fff!important}body.dark-theme .btn-action-header.btn-confirmar,body.dark-theme .btn-action-header.btn-reanudar,body.dark-theme .btn-boleta-action.btn-editar{background:#8b5cf6!important;color:#fff!important;border-color:#7c3aed!important}body.dark-theme .btn-action-header.btn-pausar,body.dark-theme .solicitud-card .card-actions .btn-pausar{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important}body.dark-theme .btn-action-header.btn-eliminar,body.dark-theme .solicitud-card .card-actions .btn-eliminar,body.dark-theme .btn-boleta-action.btn-eliminar,body.dark-theme .btn-remover-producto{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important}body.dark-theme .solicitudes-container .productos-count,body.dark-theme .dias-counter,body.dark-theme .dias-pendientes-info{background:#8b5cf6!important;color:#fff!important;border-color:#7c3aed!important}body.dark-theme .estado-badge,body.dark-theme [class*=estado-]{color:#fff!important}body.dark-theme .estado-pendiente{background:#f59e0b!important;border-color:#d97706!important}body.dark-theme .estado-listo,body.dark-theme .estado-completado{background:#10b981!important;border-color:#059669!important}body.dark-theme .estado-emitiendo{background:#8b5cf6!important;border-color:#7c3aed!important}body.dark-theme .estado-pausado,body.dark-theme .estado-error{background:#ef4444!important;border-color:#dc2626!important}