.importar-ventas-sri{padding:20px;max-width:1000px;margin:0 auto}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px}.card-header h3{margin:0 0 8px;font-size:24px;font-weight:600}.card-description{margin:0;opacity:.9;font-size:14px}.card-body{padding:24px}.modo-importacion{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.modo-btn{flex:1;padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#6b7280}.modo-btn:hover{border-color:#667eea;color:#667eea}.modo-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-control{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#667eea}.form-control:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-text{display:block;margin-top:6px;font-size:12px;color:#6b7280}.archivo-seleccionado{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:16px;margin-bottom:20px}.archivo-seleccionado p{margin:4px 0;font-size:14px;color:#166534}.archivo-seleccionado strong{font-weight:600}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn:disabled{opacity:.6;cursor:not-allowed}.progreso-importacion{display:flex;align-items:center;gap:12px;padding:16px;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;margin-top:20px}.spinner{width:20px;height:20px;border:3px solid #bfdbfe;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.progreso-importacion p{margin:0;color:#1e40af;font-size:14px}.alert{padding:16px;border-radius:6px;margin-top:20px;font-size:14px}.resultados-importacion{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.resultados-importacion h4{margin:0 0 20px;font-size:18px;color:#374151}.resumen-resultados{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#fff;padding:20px;border-radius:8px;text-align:center;border:2px solid}.stat-item.exitoso{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.stat-item.fallido{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.stat-item.duplicado{border-color:#fcd34d;background:linear-gradient(135deg,#fefce8,#fef3c7)}.stat-item.total{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.stat-numero{display:block;font-size:32px;font-weight:700;margin-bottom:4px}.stat-item.exitoso .stat-numero{color:#166534}.stat-item.fallido .stat-numero{color:#991b1b}.stat-item.duplicado .stat-numero{color:#854d0e}.stat-item.total .stat-numero{color:#1e40af}.stat-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280;letter-spacing:.5px}.detalles-resultados{margin-top:24px}.detalles-resultados h5{margin:0 0 16px;font-size:16px;color:#374151}.tabla-detalles{background:#f9fafb;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.detalle-item{padding:16px;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:1fr auto;gap:12px;transition:background .2s ease}.detalle-item:last-child{border-bottom:none}.detalle-item:hover{background:#fff}.detalle-clave{font-family:Courier New,monospace;font-size:13px;color:#374151;font-weight:500;grid-column:1}.detalle-estado{grid-column:2;grid-row:1}.detalle-mensaje{grid-column:1 / -1;font-size:13px;color:#6b7280}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.exitoso{background:#86efac;color:#166534}.badge.error{background:#fca5a5;color:#991b1b}.badge.duplicado{background:#fcd34d;color:#854d0e}@media (max-width: 768px){.importar-ventas-sri{padding:12px}.card-header,.card-body{padding:16px}.resumen-resultados{grid-template-columns:repeat(2,1fr)}.modo-importacion{flex-direction:column}}.importar-ventas-sri-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px;text-align:center}.page-header h1{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.page-subtitle{font-size:16px;color:#6b7280;margin:0}.empresa-selector{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.empresa-selector label{display:block;font-weight:600;color:#374151;margin-bottom:12px;font-size:14px}.form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:#667eea}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-container .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#6b7280;font-size:14px}.alert{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:14px;display:flex;align-items:center}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border:1px solid #fef08a;color:#92400e}.alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.info-box{background:#fff;border-radius:8px;padding:24px;margin-top:24px;box-shadow:0 2px 8px #0000001a}.info-box h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.info-box h4{font-size:16px;font-weight:600;color:#374151;margin:24px 0 12px}.info-box ol{padding-left:24px;color:#4b5563;line-height:1.8}.info-box ol li{margin-bottom:8px}.code-example{background:#1f2937;color:#f3f4f6;padding:16px;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:12px 0}.note{background:#eff6ff;border-left:4px solid #3b82f6;padding:12px 16px;border-radius:4px;font-size:13px;color:#1e40af;margin-top:12px}@media (max-width: 768px){.importar-ventas-sri-page{padding:16px}.page-header h1{font-size:24px}.page-subtitle{font-size:14px}.empresa-selector,.info-box{padding:16px}.info-box ol{padding-left:20px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}