body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.clientes-container{max-width:1200px}.clientes-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.clientes-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.clientes-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.clientes-header-left{align-items:center;display:flex;gap:16px}.clientes-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.clientes-header h1{font-weight:600}.clientes-subtitle{color:#6b7280;font-size:14px;margin:0}.clientes-btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.clientes-btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.clientes-search-bar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.clientes-search-box{flex:1 1;max-width:400px;position:relative}.clientes-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.clientes-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clientes-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.clientes-search-clear:hover{background-color:#f3f4f6;color:#4b5563}.clientes-stats{align-items:center;display:flex}.clientes-count{background-color:#f3f4f6;border-radius:20px;font-size:14px;padding:6px 12px;white-space:nowrap}.clientes-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.clientes-table th{font-size:12px;letter-spacing:.3px;text-transform:uppercase}.clientes-row:hover{background-color:#f9fafb}.clientes-id{color:#6b7280;font-family:monospace;font-size:12px;font-weight:500}.clientes-nombre{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:10px}.clientes-avatar{align-items:center;background-color:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.clientes-address,.clientes-email,.clientes-phone{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientes-acciones{display:flex;gap:8px}.clientes-btn-delete,.clientes-btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.clientes-btn-edit{background-color:#eff6ff;color:#3b82f6}.clientes-btn-edit:hover{background-color:#dbeafe;transform:translateY(-1px)}.clientes-btn-delete{background-color:#fee2e2;color:#dc2626}.clientes-btn-delete:hover{background-color:#fecaca;transform:translateY(-1px)}.clientes-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px}.clientes-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.clientes-empty h3{color:#374151;font-size:18px;margin-bottom:8px}.clientes-empty p{color:#6b7280;margin-bottom:16px}.clientes-btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;text-decoration:underline}.clientes-btn-link:hover{color:#2563eb}.clientes-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:16px}.clientes-pagination-info{color:#6b7280;font-size:14px}.clientes-pagination-controls{align-items:center;display:flex;gap:8px}.clientes-pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.clientes-pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.clientes-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.clientes-pagination-numbers{display:flex;gap:4px}.clientes-pagination-number{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;width:36px}.clientes-pagination-number:hover{background-color:#f9fafb;border-color:#9ca3af}.clientes-pagination-number.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:1024px){.clientes-container{padding:16px}.clientes-header{align-items:flex-start;flex-direction:column;gap:16px}.clientes-btn-primary{justify-content:center;width:100%}.clientes-search-bar{align-items:stretch;flex-direction:column}.clientes-search-box{max-width:100%}.clientes-stats{justify-content:flex-end}}@media (max-width:768px){.clientes-address,.clientes-email,.clientes-table td:nth-child(3),.clientes-table td:nth-child(5),.clientes-table th:nth-child(3),.clientes-table th:nth-child(5){display:none}.clientes-pagination{align-items:stretch;flex-direction:column;gap:16px}.clientes-pagination-info{text-align:center}.clientes-pagination-controls{justify-content:center}}@media (max-width:480px){.clientes-phone,.clientes-table td:nth-child(4),.clientes-table th:nth-child(4){display:none}.clientes-acciones{flex-direction:column}.clientes-btn-delete,.clientes-btn-edit{width:100%}}.installations-container{background-color:#f9fafb;min-height:100vh;padding:24px}.installations-wrapper{margin:0 auto;max-width:1400px}.installations-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.installations-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.installations-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.header-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.installations-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.installations-header p{color:#6b7280;font-size:14px;margin:0}.stats-grid{grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-content{align-items:center;display:flex;justify-content:space-between}.stat-label{margin-bottom:4px}.stat-value{font-weight:600}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.total .stat-icon{background-color:#eff6ff;color:#3b82f6}.pendiente .stat-icon{background-color:#fffbeb;color:#d97706}.aprobada .stat-icon{background-color:#ecfdf5;color:#10b981}.instalada .stat-icon{background-color:#f0f9ff;color:#0ea5e9}.main-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tabs-container{background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:16px 20px}.tab-btn{padding:8px 16px}.tab-btn.active{background-color:#eff6ff}.toolbar{align-items:center;background-color:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.toolbar-left{display:flex;gap:12px}.btn-primary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.toolbar-right{align-items:center;display:flex;gap:16px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:8px 32px 8px 12px;width:250px}.search-clear{font-size:14px;padding:2px 4px;right:8px}.results-count{align-items:center;display:flex;font-size:13px;gap:6px}.filter-icon{font-size:14px}.installations-table{border-collapse:collapse;font-size:14px;width:100%}.installations-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.installations-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.installation-row:hover{background-color:#f9fafb}.cliente-cell{align-items:center;display:flex;gap:12px}.cliente-avatar{height:36px;width:36px}.cliente-id{font-size:11px}.contacto-cell,.servicio-cell{display:flex;flex-direction:column;gap:4px}.servicio-tipo{gap:6px}.servicio-icon{font-size:14px}.servicio-nombre{color:#1f2937;font-size:13px;font-weight:500}.tecnico-nombre{background-color:#f3f4f6;border-radius:4px;color:#4b5563;font-size:12px;padding:4px 8px}.tecnico-no{color:#9ca3af;font-size:11px;font-style:italic}.estado-badge{font-size:11px;font-weight:600}.estado-instalada{background-color:#dbeafe;color:#1e40af}.acciones-cell{gap:4px;justify-content:flex-end}.action-btn.edit:hover:not(:disabled){background-color:#dbeafe}.action-btn.approve{background-color:#ecfdf5;color:#10b981}.action-btn.approve:hover:not(:disabled){background-color:#d1fae5}.action-btn.delete:hover:not(:disabled){background-color:#fee2e2}.action-btn.install{background-color:#f0f9ff;color:#0ea5e9}.action-btn.install:hover:not(:disabled){background-color:#e0f2fe}.action-btn.disabled,.action-btn:disabled{cursor:not-allowed;opacity:.3}.completed-badge{background-color:#d1fae5;border-radius:20px;color:#065f46;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.pagination{background-color:#fafafa;border-top:1px solid #e5e7eb;padding:16px 20px}.pagination-info{font-size:13px}.pagination-btn{background:#fff;height:32px;width:32px}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.pagination-btn:disabled{opacity:.3}.pagination-current{background-color:#3b82f6;border-radius:6px;color:#fff;font-size:13px;font-weight:500;padding:4px 12px}.modal-header-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.form-label{font-size:12px}.form-input,.form-select,.form-textarea{font-size:13px}.coordenadas{color:#6b7280;font-family:monospace}.coordenadas,.field-hint{font-size:11px;margin-top:4px}.field-hint{color:#9ca3af}.identificacion-input{margin-bottom:0}.input-label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.input-wrapper{position:relative}.input-field{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:10px 36px 10px 12px;transition:all .2s;width:100%}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-field.error{background-color:#fef2f2;border-color:#dc2626}.input-field.valid{background-color:#f0fdf4;border-color:#10b981}.input-icon{font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.error-message{color:#dc2626;font-size:11px;margin-top:4px}.btn-secondary{font-size:13px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column;gap:16px}.search-input,.toolbar-right{width:100%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:768px){.installations-container{padding:16px}.stats-grid{grid-template-columns:1fr}.toolbar-left{flex-direction:column;width:100%}.btn-primary,.btn-success{justify-content:center;width:100%}.tabs-container{flex-direction:column}.tab-btn{justify-content:center;width:100%}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.installation-row,.stat-card{animation:fadeIn .3s ease-out}.instalacion-container{margin:0 auto;max-width:1000px;padding:24px}.instalacion-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.instalacion-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.instalacion-error-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.instalacion-error-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;max-width:400px;padding:32px;text-align:center;width:100%}.instalacion-error-card h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.instalacion-error-card p{color:#6b7280;margin-bottom:24px}.instalacion-btn-primary{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.instalacion-btn-primary:hover{background-color:#2563eb}.instalacion-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.instalacion-header-left{align-items:center;display:flex;gap:16px}.instalacion-header-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.instalacion-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.instalacion-header p{color:#6b7280;font-size:14px;margin:0}.cliente-card,.corte-card,.onu-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.cliente-card-header,.corte-card-header,.onu-card-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.card-icon{font-size:18px}.cliente-card-header h2,.corte-card-header h2,.onu-card-header h2{color:#374151;font-size:16px;font-weight:600;margin:0}.cliente-card-body,.corte-card-body,.onu-card-body{padding:20px}.cliente-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.cliente-info-item{display:flex;flex-direction:column;gap:4px}.info-value{font-size:15px}.estado-badge{width:-webkit-fit-content;width:fit-content}.estado-aprobada{background-color:#d1fae5;color:#065f46}.corte-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.corte-field{display:flex;flex-direction:column;gap:6px}.corte-label{color:#374151;font-size:12px;font-weight:500}.corte-label.required{align-items:center;display:flex;gap:4px}.corte-input,.corte-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.corte-input:focus,.corte-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.corte-automatico{margin-bottom:16px}.corte-preview{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.preview-icon{font-size:20px}.preview-text{color:#1e40af;font-size:14px;line-height:1.5;margin:0}.preview-gracia{color:#3b82f6;display:block;font-size:13px;margin-top:4px}.onu-search{margin-bottom:16px}.onu-search-input{border-radius:8px}.onu-count{color:#6b7280;font-size:13px}.onu-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:13px;margin-bottom:16px;padding:8px;width:100%}.onu-select option{padding:8px 12px}.onu-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.onu-seleccionada{background-color:#eff6ff;border:1px solid #bfdbfe;gap:16px;margin-bottom:16px;padding:16px}.onu-seleccionada,.seleccionada-icon{align-items:center;border-radius:8px;display:flex}.seleccionada-icon{background-color:#dbeafe;color:#3b82f6;font-size:20px;height:40px;justify-content:center;width:40px}.seleccionada-titulo{color:#1e40af;font-size:13px;font-weight:600;margin-bottom:4px}.seleccionada-detalle{color:#1e3a8a;font-size:14px;line-height:1.5}.seleccionada-nombre{color:#3b82f6;font-weight:500}.onu-warning{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.warning-icon{font-size:20px}.warning-text{color:#991b1b;font-size:14px;margin:0}.instalacion-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancelar,.btn-confirmar{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancelar{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.btn-cancelar:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-confirmar{background-color:#10b981;color:#fff}.btn-confirmar:hover:not(:disabled){background-color:#059669}.btn-cancelar:disabled,.btn-confirmar:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.instalacion-container{padding:16px}.instalacion-header{align-items:flex-start;flex-direction:column}.cliente-grid,.corte-grid{grid-template-columns:1fr}.instalacion-actions{flex-direction:column-reverse}.btn-cancelar,.btn-confirmar{justify-content:center;width:100%}.onu-seleccionada{flex-direction:column;text-align:center}}@media (max-width:480px){.corte-preview{flex-direction:column;text-align:center}}.cliente-card,.corte-card,.onu-card{animation:fadeIn .3s ease-out}.servicios-container{margin:0 auto;max-width:1200px;padding:24px}.servicios-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.servicios-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.servicios-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.servicios-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.servicios-header p{color:#6b7280;font-size:14px;margin:0}.header-actions{display:flex;gap:12px}.btn-primary,.btn-success{padding:10px 20px}.btn-primary:hover,.btn-success:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.servicios-tabs{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:8px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.tab-btn:hover{background-color:#f3f4f6;color:#374151}.tab-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.tab-count{background-color:#f3f4f6;border-radius:12px;color:#4b5563;font-size:11px;font-weight:600;margin-left:4px;padding:2px 8px}.tab-btn.active .tab-count{background-color:#dbeafe;color:#3b82f6}.servicios-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.servicio-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .2s}.servicio-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.servicio-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.servicio-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.servicio-titulo{flex:1 1}.servicio-titulo h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:2px}.servicio-tipo{color:#6b7280;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.status-toggle{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.status-toggle.active{background-color:#d1fae5;color:#065f46}.status-toggle.active:hover{background-color:#a7f3d0}.status-toggle.inactive{background-color:#f3f4f6;color:#4b5563}.status-toggle.inactive:hover{background-color:#e5e7eb}.status-toggle.small{font-size:10px;padding:2px 8px}.servicio-descripcion{color:#4b5563;flex:1 1;font-size:13px;line-height:1.5;margin-bottom:16px}.servicio-planes{background-color:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.planes-titulo{color:#374151;font-size:12px;font-weight:600;margin-bottom:8px}.planes-lista{max-height:120px;overflow-y:auto}.plan-mini{align-items:center;background-color:#fff;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px;padding:6px 8px}.plan-mini:last-child{margin-bottom:0}.plan-mini-nombre{color:#1f2937;font-weight:500}.plan-mini-precio{color:#059669;font-weight:600}.sin-planes{color:#9ca3af;font-size:11px;font-style:italic;padding:8px;text-align:center}.servicio-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.planes-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.planes-table-container{overflow-x:auto}.planes-table{border-collapse:collapse;font-size:14px;width:100%}.planes-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.planes-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.plan-row:hover{background-color:#f9fafb}.plan-nombre{color:#1f2937;font-weight:600}.plan-servicio{align-items:center;display:flex;gap:8px}.servicio-icon-small{font-size:14px}.plan-velocidad{color:#6b7280}.plan-precio{color:#059669;font-weight:600}.plan-acciones{display:flex;gap:8px;justify-content:center}.action-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.action-icon.edit{color:#3b82f6}.action-icon.edit:hover{background-color:#eff6ff}.action-icon.delete{color:#dc2626}.action-icon.delete:hover{background-color:#fee2e2}.empty-state{background:#fff}.modal-medium{max-width:500px}.form-container{display:flex;flex-direction:column;gap:16px}.checkbox{margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#374151;font-size:14px}.btn-secondary{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}@media (max-width:1024px){.servicios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.servicios-container{padding:16px}.servicios-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.btn-primary,.btn-success{justify-content:center;width:100%}.servicios-tabs{flex-direction:column}.tab-btn{width:100%}.form-row,.servicios-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.planes-table td:nth-child(3),.planes-table th:nth-child(3){display:none}}.plan-row,.servicio-card{animation:fadeIn .3s ease-out}.clientes-container{margin:0 auto;max-width:1400px;padding:24px}.clientes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.clientes-header h1{color:#1f2937;font-size:24px;margin-bottom:4px}.clientes-header .subtitle{color:#6b7280;font-size:14px;margin:0}.btn-export{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-export:hover{background-color:#059669}.filters-bar{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-search{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear-search:hover{color:#4b5563}.filters-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select,.per-page-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px}.filter-select:focus,.per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.results-count{color:#6b7280;font-size:14px;white-space:nowrap}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto}.clientes-table{border-collapse:collapse;font-size:14px;width:100%}.clientes-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.clientes-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.clientes-table tbody tr:hover{background-color:#f9fafb}.id-cell{color:#6b7280;font-family:monospace;font-size:12px}.cliente-info{align-items:center;display:flex;gap:12px}.cliente-avatar{background-color:#eff6ff;color:#3b82f6;font-size:16px;height:32px;width:32px}.cliente-nombre{font-weight:500;margin-bottom:2px}.cliente-identificacion{color:#6b7280;font-size:12px}.contacto-info{display:flex;flex-direction:column;gap:4px}.contacto-item{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:6px}.contacto-icon{color:#9ca3af;font-size:12px}.truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.servicio-info{display:flex;flex-direction:column;gap:4px}.servicio-tipo{align-items:center;color:#1f2937;display:flex;font-size:12px;font-weight:500;gap:4px}.servicio-plan{color:#6b7280;font-size:11px;margin-left:20px}.ficha-cell,.vineta-cell{align-items:center;cursor:help;display:flex;gap:6px;max-width:150px}.ficha-icon,.vineta-icon{color:#9ca3af;flex-shrink:0;font-size:12px}.empty-value{color:#d1d5db;font-size:12px}.estado-badge{padding:4px 8px}.acciones-cell{display:flex;gap:8px}.btn-accion{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;text-decoration:none;transition:all .2s}.btn-accion.ver{background-color:#eff6ff;color:#3b82f6}.btn-accion.ver:hover{background-color:#dbeafe}.btn-accion.retirar{background-color:#fef3c7;color:#d97706}.btn-accion.retirar:hover:not(:disabled){background-color:#fde68a}.btn-accion.eliminar{background-color:#fee2e2;color:#dc2626}.btn-accion.eliminar:hover:not(:disabled){background-color:#fecaca}.btn-accion:disabled{cursor:not-allowed;opacity:.5}.pagination{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.pagination-info{color:#6b7280;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:4px}.pagination-number{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-number:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination-number.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.empty-state{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:48px}.empty-state h3{color:#374151;font-size:18px;margin-bottom:8px}.empty-state p{color:#6b7280;margin-bottom:16px}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;text-decoration:underline}.btn-link:hover{color:#2563eb}.modal-content{background-color:#fff;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:90%}.modal-title{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:12px}.modal-text{color:#4b5563;font-size:14px;margin-bottom:16px}.modal-info{background-color:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.modal-info p{color:#374151;margin:4px 0}.modal-warning{background-color:#fee2e2;border-radius:6px;color:#dc2626;font-size:13px;margin-bottom:20px;padding:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-btn.cancel{background-color:#6b7280;color:#fff}.modal-btn.cancel:hover:not(:disabled){background-color:#4b5563}.modal-btn.delete{background-color:#dc2626;color:#fff}.modal-btn.delete:hover:not(:disabled){background-color:#b91c1c}.modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.filters-bar{flex-direction:column}.search-box{min-width:100%}.filters-group{justify-content:space-between;width:100%}}@media (max-width:768px){.clientes-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-export{justify-content:center;width:100%}.filters-group{flex-wrap:wrap}.filter-select,.per-page-select{flex:1 1}.pagination{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{justify-content:center}}.datos-generales{margin:0 auto;max-width:1200px}.section-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.header-icon{background-color:#eff6ff;border-radius:8px;color:#3b82f6;font-size:20px;height:40px;width:40px}.section-header h2{color:#1f2937;font-size:18px;margin-bottom:4px}.section-header p{color:#6b7280;font-size:13px;margin:0}.btn-edit{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-edit:hover{background-color:#2563eb}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.info-card{border-radius:8px;height:-webkit-fit-content;height:fit-content;overflow:hidden}.card-header{background:linear-gradient(90deg,#f9fafb,#fff)}.card-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.info-row{margin-bottom:16px}.info-row:last-child{margin-bottom:0}.info-value{font-size:14px;line-height:1.4}.info-sub{color:#9ca3af;font-size:12px;margin-top:2px}.info-sub,.text-muted{font-weight:400}.service-badge{align-items:center;background-color:#f3f4f6;border-radius:20px;color:#374151;display:inline-flex;font-size:12px;gap:4px}.service-badge,.status-badge{padding:4px 8px}.status-activo{background-color:#d1fae5;color:#065f46}.status-suspendido{background-color:#fef3c7;color:#92400e}.status-retirado{background-color:#fee2e2;color:#991b1b}.coordinates{color:#4b5563;font-family:monospace;font-size:12px}.additional-info{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.additional-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.vineta-card{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:16px}.vineta-icon{color:#3b82f6;font-size:18px}.vineta-label{color:#1e40af;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.vineta-value{color:#1e3a8a;font-size:14px}.ficha-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px}.ficha-card.full-width{grid-column:span 2}.ficha-icon{color:#6b7280;font-size:18px}.ficha-label{color:#4b5563;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.ficha-value{color:#1f2937;font-size:14px;white-space:pre-wrap}.modal-content{border-radius:12px}.modal-large{max-width:800px}.modal-header{background:linear-gradient(90deg,#f9fafb,#fff)}.modal-header-icon{background-color:#eff6ff;border-radius:8px;color:#3b82f6;font-size:20px;height:40px;width:40px}.modal-close{border-radius:6px}.modal-close:hover{background-color:#f3f4f6}.modal-body{overflow-y:auto}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}.form-group label{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-input,.form-select,.form-textarea{border-radius:6px}.form-input.uppercase{text-transform:uppercase}.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-textarea{min-height:100px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.btn-save{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.btn-save:hover:not(:disabled){background-color:#2563eb}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr)}.additional-grid{grid-template-columns:1fr}.ficha-card.full-width{grid-column:span 1}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-edit{justify-content:center;width:100%}.form-grid,.info-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-close{align-self:flex-end}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{justify-content:center;width:100%}}.pagos-cliente{margin:0 auto;max-width:1200px}.pagos-loading-container{padding:48px;text-align:center}.pagos-loading-spinner{margin:0 auto 16px}.pagos-resumen{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.resumen-card{transition:transform .2s,box-shadow .2s}.resumen-pagado{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6}.resumen-facturado{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e}.resumen-pagado .resumen-icon{background:#dbeafe;color:#3b82f6}.resumen-facturado .resumen-icon{background:#dcfce7;color:#22c55e}.resumen-saldo .resumen-icon{background:#fef9c3}.pagos-header{padding:16px}.pagos-header-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;font-size:20px;height:40px;width:40px}.pagos-header h2{color:#1f2937;font-size:18px;margin-bottom:4px}.pagos-header p{font-size:13px}.pagos-btn-primary{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.pagos-btn-primary:disabled{cursor:not-allowed;opacity:.5}.pagos-btn-secondary{background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.pagos-btn-secondary:hover:not(:disabled){background:#f9fafb}.pagos-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.pagos-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center}.pagos-empty h3{color:#374151;font-size:18px;margin-bottom:8px}.pagos-empty p{color:#6b7280}.pagos-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.pagos-table{border-collapse:collapse;font-size:14px;width:100%}.pagos-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.pagos-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.pago-row:hover{background-color:#f9fafb}.pago-fecha .fecha-valor{color:#4b5563;font-size:13px}.pago-monto .monto-valor{color:#059669;font-weight:600}.pago-metodo{align-items:center;display:flex;gap:8px}.metodo-icon{font-size:16px}.metodo-label{color:#4b5563}.pago-referencia{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:#9ca3af;font-style:italic}.pago-estado{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.estado-completado{background-color:#d1fae5;color:#065f46}.estado-anulado{background-color:#fee2e2;color:#991b1b}.pago-cobrador{color:#6b7280}.pago-btn-anular{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.pago-btn-anular:hover:not(:disabled){background-color:#fee2e2}.pago-btn-anular:disabled{cursor:not-allowed;opacity:.5}.modal-header-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.required{color:#dc2626;margin-left:2px}@media (max-width:1024px){.pagos-resumen{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pagos-resumen{grid-template-columns:1fr}.pagos-header{align-items:flex-start;flex-direction:column;gap:16px}.pagos-btn-primary{justify-content:center;width:100%}.pagos-table td:nth-child(4),.pagos-table td:nth-child(6),.pagos-table th:nth-child(4),.pagos-table th:nth-child(6){display:none}.pagos-modal-footer{flex-direction:column-reverse}.pagos-modal-footer button{justify-content:center;width:100%}}@media (max-width:480px){.pagos-table td:nth-child(3),.pagos-table th:nth-child(3){display:none}.pago-metodo{justify-content:center}.metodo-label{display:none}}.facturacion-cliente{margin:0 auto;max-width:1200px}.facturacion-loading-container{padding:48px;text-align:center}.facturacion-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.facturacion-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.facturacion-header-left{align-items:center;display:flex;gap:16px}.facturacion-header-icon{align-items:center;background-color:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.facturacion-header h2{color:#1f2937;font-size:18px;margin-bottom:4px}.facturacion-header p{color:#6b7280;font-size:13px;margin:0}.facturacion-resumen{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.resumen-card{border-radius:8px;box-shadow:0 1px 3px #0000001a}.resumen-card:hover{box-shadow:0 4px 6px #0000001a}.resumen-total{background:linear-gradient(90deg,#eff6ff,#fff)}.resumen-pagado{background:linear-gradient(90deg,#ecfdf5,#fff);border-left:4px solid #10b981}.resumen-pendiente{background:linear-gradient(90deg,#fffbeb,#fff);border-left:4px solid #f59e0b}.resumen-pagado .resumen-icon{background-color:#d1fae5;color:#10b981}.resumen-pendiente .resumen-icon{background-color:#fef3c7;color:#f59e0b}.resumen-label{color:#6b7280}.resumen-value{font-size:24px;font-weight:600;line-height:1.2}.facturacion-subheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.facturacion-subheader h3{color:#374151;font-size:16px;font-weight:600;margin:0}.facturas-count{background-color:#f3f4f6;border-radius:20px;color:#6b7280;font-size:13px;padding:4px 10px}.facturacion-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.facturacion-table{border-collapse:collapse;font-size:14px;width:100%}.facturacion-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.facturacion-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.factura-id{background-color:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:12px;padding:4px 8px}.factura-monto{font-weight:600}.factura-saldo{color:#d97706;font-weight:500}.facturacion-empty{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center}.facturacion-empty p{color:#6b7280;font-size:16px;margin:0}.facturacion-aviso{align-items:flex-start;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:16px}.aviso-icon{font-size:20px}.aviso-contenido{flex:1 1}.aviso-titulo{color:#92400e;font-size:14px;font-weight:600;margin-bottom:4px}.aviso-texto{color:#b45309;font-size:13px;line-height:1.5}@media (max-width:1024px){.facturacion-resumen{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.facturacion-resumen{grid-template-columns:1fr}.facturacion-table{font-size:13px}.facturacion-table td,.facturacion-table th{padding:12px 8px}.factura-id{font-size:11px;padding:2px 4px}.resumen-card{padding:16px}.resumen-icon{height:40px;width:40px}.resumen-icon,.resumen-value{font-size:20px}.facturacion-subheader{gap:8px}.facturacion-aviso,.facturacion-subheader{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.facturacion-table td:nth-child(2),.facturacion-table td:nth-child(3),.facturacion-table th:nth-child(2),.facturacion-table th:nth-child(3){display:none}.facturacion-header-left{align-items:flex-start;flex-direction:column;text-align:left}}.onu-cliente{margin:0 auto;max-width:1200px}.onu-loading-container{padding:48px;text-align:center}.onu-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.onu-error-container{padding:24px}.onu-error-card{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:32px;text-align:center}.onu-error-icon{font-size:48px;margin-bottom:16px}.onu-error-title{color:#991b1b;font-size:18px;font-weight:600;margin-bottom:8px}.onu-error-message{color:#b91c1c;font-size:14px;margin-bottom:20px}.onu-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:24px;padding:16px}.onu-header,.onu-header-left{align-items:center;display:flex}.onu-header-left{gap:16px}.onu-header-icon{align-items:center;background-color:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.onu-header h2{color:#1f2937;font-size:18px;margin-bottom:4px}.onu-header p{color:#6b7280;font-size:13px;margin:0}.onu-header-actions{display:flex;gap:12px}.onu-btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.onu-btn-primary:hover:not(:disabled){background-color:#2563eb}.onu-btn-warning{align-items:center;background-color:#d97706;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.onu-btn-warning:hover:not(:disabled){background-color:#b45309}.onu-btn-secondary{background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.onu-btn-secondary:hover:not(:disabled){background-color:#4b5563}.onu-btn-primary:disabled,.onu-btn-secondary:disabled,.onu-btn-warning:disabled{cursor:not-allowed;opacity:.5}.onu-empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center}.onu-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.onu-empty-state h3{color:#374151;font-size:18px;margin-bottom:8px}.onu-empty-state p{color:#6b7280;margin-bottom:24px}.onu-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.onu-card-header{background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;padding:16px 20px}.onu-card-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.onu-card-body{padding:20px}.onu-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.onu-details-column{display:flex;flex-direction:column;gap:16px}.onu-detail-item{display:flex;flex-direction:column;gap:4px}.onu-detail-label{color:#6b7280;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.onu-detail-value{color:#1f2937;font-size:16px;font-weight:500}.onu-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.onu-status-online{background-color:#d1fae5;color:#065f46}.onu-status-offline{background-color:#fee2e2;color:#991b1b}.onu-status-unknown{background-color:#fef3c7;color:#92400e}.onu-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.onu-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.onu-modal-small{max-width:400px}.onu-modal-large{max-width:800px}.onu-modal-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:20px 24px}.onu-modal-header-icon{align-items:center;background-color:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.onu-modal-header h3{color:#1f2937;font-size:18px;margin:0}.onu-modal-subtitle{color:#6b7280;font-size:13px;margin-top:4px}.onu-modal-body{overflow-y:auto;padding:24px}.onu-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.onu-modal-text{color:#4b5563;line-height:1.5}.onu-search-container{margin-bottom:20px}.onu-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:8px;padding:12px 16px;transition:all .2s;width:100%}.onu-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.onu-search-info{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between}.onu-search-clear{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;padding:4px 8px}.onu-search-clear:hover{text-decoration:underline}.onu-list-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.onu-list-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.onu-list-item:last-child{border-bottom:none}.onu-list-item:hover{background-color:#eff6ff}.onu-list-item.selected{background-color:#dbeafe;border-left:4px solid #3b82f6}.onu-item-info{flex:1 1}.onu-item-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.onu-badge{border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px}.olt-badge{background-color:#e0e7ff;color:#4338ca}.pon-badge{background-color:#dcfce7;color:#166534}.id-badge{background-color:#f3e8ff;color:#6b21a8}.index-badge{background-color:#fff1f2;color:#9d174d}.onu-item-name{color:#4b5563;font-size:14px;margin:0}.onu-item-selected{color:#3b82f6;font-size:14px;font-weight:500}.onu-empty-list{color:#9ca3af;padding:48px;text-align:center}.onu-empty-list p:first-child{font-size:48px;margin-bottom:16px;opacity:.3}.onu-selection-summary{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:20px;padding:16px}.onu-summary-title{color:#1e40af;font-size:14px;font-weight:600;margin-bottom:4px}.onu-summary-details{color:#1e3a8a;font-size:14px}@media (max-width:768px){.onu-header{align-items:flex-start;flex-direction:column;gap:16px}.onu-header-actions{flex-direction:column;width:100%}.onu-header-actions button{justify-content:center;width:100%}.onu-details-grid{gap:16px;grid-template-columns:1fr}.onu-modal-footer{flex-direction:column-reverse}.onu-modal-footer button{justify-content:center;width:100%}.onu-item-badges{flex-direction:column;gap:4px}.onu-list-item{align-items:flex-start;flex-direction:column;gap:12px}.onu-item-selected{align-self:flex-start}}.cliente-detalle{margin:0 auto;max-width:1200px;padding:24px}.detalle-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.detalle-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.detalle-error-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.detalle-error-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;max-width:400px;padding:32px;text-align:center;width:100%}.detalle-error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.detalle-error-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.detalle-error-card p{color:#6b7280;margin-bottom:24px}.detalle-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.detalle-header-left{align-items:center;display:flex;gap:20px}.detalle-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.detalle-info h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.detalle-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.detalle-id{background-color:#f3f4f6;color:#6b7280;font-size:14px}.detalle-estado,.detalle-id{border-radius:20px;padding:4px 10px}.detalle-estado{display:inline-block;font-size:12px;font-weight:500}.estado-suspendido{background-color:#fef3c7;color:#92400e}.detalle-header-actions{align-items:center;display:flex;gap:12px}.detalle-btn-primary{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.detalle-btn-primary:hover{background-color:#2563eb}.detalle-btn-secondary{align-items:center;background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.detalle-btn-secondary:hover{background-color:#4b5563}.detalle-tabs{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:8px}.detalle-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.detalle-tab:hover{background-color:#f3f4f6;color:#374151}.detalle-tab.active{background-color:#eff6ff;color:#3b82f6}.tab-icon{font-size:16px}.detalle-contenido{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:500px;padding:24px}@media (max-width:1024px){.cliente-detalle{padding:16px}.detalle-header{align-items:flex-start;flex-direction:column;gap:16px}.detalle-header-actions{flex-direction:column;width:100%}.detalle-header-actions button{justify-content:center;width:100%}.detalle-tabs{flex-wrap:nowrap;justify-content:flex-start}}@media (max-width:768px){.detalle-header-left{align-items:flex-start;flex-direction:column;text-align:left;width:100%}.detalle-avatar{font-size:20px;height:48px;width:48px}.detalle-info h1{font-size:20px}.detalle-meta{align-items:flex-start;flex-direction:column;gap:8px}.detalle-tab{font-size:13px;padding:8px 12px}.tab-icon{font-size:14px}.detalle-contenido{padding:16px}}@media (max-width:480px){.detalle-tabs{flex-direction:column;gap:4px}.detalle-tab{justify-content:center;width:100%}.detalle-contenido{padding:12px}}.onu-status-button{margin-right:12px}.detalle-contenido{animation:fadeIn .3s ease-out}.detalle-tabs::-webkit-scrollbar{height:4px}.detalle-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.detalle-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.detalle-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.estado-container{margin:0 auto;max-width:1200px;padding:24px}.estado-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.estado-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.estado-error-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.estado-error-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;max-width:400px;padding:32px;text-align:center;width:100%}.estado-error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.estado-error-card h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.estado-error-card p{color:#6b7280;margin-bottom:24px}.estado-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.estado-header-left{align-items:center;display:flex;gap:16px}.estado-header-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.estado-header-icon.activos{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.estado-header-icon.retirados{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.estado-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.estado-subtitle{color:#6b7280;font-size:14px;margin:0}.estado-header-actions{background-color:#f3f4f6;border-radius:10px;display:flex;gap:8px;padding:4px}.estado-tab-btn{border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.estado-tab-btn:hover{background-color:#e5e7eb;color:#374151}.estado-tab-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.estado-stats{margin-bottom:24px}.estado-count{align-items:center;background-color:#f3f4f6;border-radius:20px;display:inline-flex;gap:8px;padding:8px 16px}.count-number{color:#3b82f6;font-size:18px;font-weight:600}.count-label{color:#6b7280;font-size:14px}.estado-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center}.estado-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.estado-empty h3{color:#374151;font-size:18px;margin-bottom:8px}.estado-empty p{color:#6b7280;margin-bottom:24px}.estado-btn-link{background-color:#f3f4f6;border-radius:8px;color:#4b5563;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.estado-btn-link:hover{background-color:#e5e7eb;color:#1f2937}.estado-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.estado-table{border-collapse:collapse;font-size:14px;width:100%}.estado-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.estado-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.estado-row:hover{background-color:#f9fafb}.estado-id{color:#6b7280;font-family:monospace;font-size:12px;font-weight:500}.estado-identificacion{color:#4b5563;font-family:monospace;font-size:13px}.estado-nombre{color:#1f2937;font-weight:500;gap:10px}.estado-avatar,.estado-nombre{align-items:center;display:flex}.estado-avatar{background-color:#eff6ff;border-radius:50%;color:#3b82f6;font-size:14px;height:32px;justify-content:center;text-transform:uppercase;width:32px}.estado-plan{color:#6b7280}.estado-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.estado-activo{background-color:#d1fae5;color:#065f46}.estado-retirado{background-color:#fee2e2;color:#991b1b}.estado-btn-ver{align-items:center;background-color:#eff6ff;border-radius:6px;color:#3b82f6;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.estado-btn-ver:hover{background-color:#dbeafe;color:#2563eb}@media (max-width:1024px){.estado-container{padding:16px}.estado-header{align-items:flex-start;flex-direction:column;gap:16px}.estado-header-actions{width:100%}.estado-tab-btn{flex:1 1;text-align:center}}@media (max-width:768px){.estado-table td:nth-child(2),.estado-table td:nth-child(4),.estado-table th:nth-child(2),.estado-table th:nth-child(4){display:none}.estado-nombre{align-items:flex-start;flex-direction:column;gap:4px}.estado-avatar{font-size:12px;height:24px;width:24px}.estado-btn-ver{font-size:11px;padding:4px 8px}}@media (max-width:480px){.estado-id,.estado-table td:first-child,.estado-table th:first-child{display:none}.estado-count{justify-content:center;width:100%}}.estado-empty,.estado-table-container{animation:slideIn .3s ease-out}.facturas-container{margin:0 auto;max-width:1400px;padding:24px}.facturas-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.facturas-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.facturas-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.facturas-header-left{align-items:center;display:flex;gap:16px}.facturas-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.facturas-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.facturas-header p{color:#6b7280;font-size:14px;margin:0}.facturas-header-actions{display:flex;gap:12px}.facturas-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.facturas-btn-primary:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.facturas-btn-toggle{align-items:center;background-color:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.facturas-btn-toggle:hover{background-color:#e5e7eb}.facturas-btn-toggle.active{background-color:#1f2937;color:#fff}.facturas-filtros{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filtros-grid{grid-template-columns:2fr 1fr 1fr auto}.filtro-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filtro-fecha{display:flex;flex-direction:column;gap:4px}.filtro-fecha label{color:#6b7280;font-size:12px;letter-spacing:.3px;text-transform:uppercase}.filtro-input{padding:10px 12px}.filtro-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.facturas-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.facturas-table{border-collapse:collapse;font-size:14px;width:100%}.facturas-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.facturas-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.factura-row:hover{background-color:#f9fafb}.factura-row.eliminada{background-color:#fef2f2;color:#991b1b}.factura-row.eliminada:hover{background-color:#fee2e2}.factura-numero{font-family:monospace;font-weight:500}.factura-cliente{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factura-fecha{color:#6b7280;font-size:13px;white-space:nowrap}.factura-total{color:#059669;font-weight:600;white-space:nowrap}.factura-estado{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.estado-pagada{background-color:#d1fae5;color:#065f46}.estado-anulada{background-color:#fee2e2;color:#991b1b}.estado-vencida{background-color:#f3f4f6;color:#4b5563}.factura-eliminado-por,.factura-fecha-eliminacion,.factura-motivo{color:#6b7280;font-size:13px}.factura-motivo{max-width:200px;overflow:hidden;text-overflow:ellipsis}.factura-acciones,.factura-motivo{white-space:nowrap}.factura-btn-ver{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s}.factura-btn-ver:hover{background-color:#eff6ff}.factura-btn-restaurar{background:none;border:none;border-radius:4px;color:#059669;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s}.factura-btn-restaurar:hover{background-color:#d1fae5}.facturas-empty{padding:48px!important;text-align:center}.facturas-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stats-value{font-size:28px}@media (max-width:1024px){.filtros-grid{grid-template-columns:1fr 1fr}.filtro-btn-limpiar{grid-column:span 2}.facturas-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.facturas-header{align-items:flex-start;flex-direction:column;gap:16px}.facturas-header-actions{flex-direction:column;width:100%}.facturas-btn-primary,.facturas-btn-toggle{justify-content:center;width:100%}.filtros-grid{gap:12px;grid-template-columns:1fr}.filtro-btn-limpiar{grid-column:span 1}.facturas-table td:nth-child(3),.facturas-table td:nth-child(4),.facturas-table th:nth-child(3),.facturas-table th:nth-child(4){display:none}.facturas-stats{grid-template-columns:1fr}}@media (max-width:480px){.factura-cliente,.facturas-table td:nth-child(2),.facturas-table th:nth-child(2){display:none}}.facturas-table tbody tr{animation:fadeIn .3s ease-out}.factura-detalle{margin:0 auto;max-width:1200px;padding:24px}.factura-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.factura-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.factura-error-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.factura-error-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;max-width:400px;padding:32px;text-align:center;width:100%}.factura-error-card h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.factura-error-card p{color:#6b7280;margin-bottom:24px}.factura-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.factura-header-left{align-items:center;display:flex;gap:16px}.factura-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.factura-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.factura-cliente-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cliente-id{background-color:#f3f4f6;border-radius:12px;font-size:12px;padding:2px 8px}.factura-actions{display:flex;flex-wrap:wrap;gap:8px}.factura-btn-back,.factura-btn-cancel,.factura-btn-delete,.factura-btn-edit,.factura-btn-save,.factura-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.factura-btn-edit{background-color:#eab308;color:#fff}.factura-btn-edit:hover{background-color:#ca8a04}.factura-btn-save{background-color:#22c55e;color:#fff}.factura-btn-save:hover{background-color:#16a34a}.factura-btn-cancel{background-color:#ef4444;color:#fff}.factura-btn-cancel:hover{background-color:#dc2626}.factura-btn-delete{background-color:#7f1d1d;color:#fff}.factura-btn-delete:hover{background-color:#991b1b}.factura-btn-back{background-color:#6b7280;color:#fff}.factura-btn-back:hover{background-color:#4b5563}.factura-btn-secondary{background-color:#9ca3af;color:#fff}.factura-btn-secondary:hover{background-color:#6b7280}.factura-status{margin-bottom:24px}.status-badge{align-items:center;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.status-dot{font-size:16px}.status-pagada{background-color:#d1fae5;color:#065f46}.status-anulada{background-color:#fee2e2;color:#991b1b}.factura-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.info-card{border-radius:12px}.info-card.editable{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#3b82f6}.info-value{font-size:18px;font-weight:600}.info-editable{flex:1 1}.info-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.info-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.factura-items{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.items-header{background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;padding:16px 20px}.items-header h2{color:#374151;font-size:16px;font-weight:600;margin:0}.items-table-container{overflow-x:auto}.items-table{border-collapse:collapse;font-size:14px;width:100%}.items-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.items-table .even-row{background-color:#fff}.items-table .odd-row{background-color:#fafafa}.items-table tr:hover{background-color:#f3f4f6}.item-descripcion{color:#1f2937;font-weight:500}.font-medium{color:#1f2937;font-weight:600}.items-totales{background:linear-gradient(135deg,#f9fafb,#fff);border-top:2px solid #e5e7eb;padding:20px}.totales-container{margin-left:auto;max-width:400px}.total-row{padding:6px 0}.total-row.grand-total{padding-top:12px}.total-row.saldo{border-top:1px dashed #d1d5db;color:#eab308;margin-top:4px;padding-top:8px}.factura-observaciones{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.factura-observaciones h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px}.observaciones-contenido{background-color:#f9fafb;border-radius:8px;color:#4b5563;line-height:1.5;min-height:60px;padding:16px}.observaciones-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.observaciones-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.factura-info-grid{grid-template-columns:repeat(2,1fr)}.factura-header{align-items:flex-start;flex-direction:column;gap:16px}.factura-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.factura-info-grid{grid-template-columns:1fr}.factura-actions{flex-direction:column}.factura-btn-back,.factura-btn-cancel,.factura-btn-delete,.factura-btn-edit,.factura-btn-save,.factura-btn-secondary{justify-content:center;width:100%}.items-table td:nth-child(3),.items-table td:nth-child(4),.items-table th:nth-child(3),.items-table th:nth-child(4){display:none}.totales-container{max-width:100%}}@media (max-width:480px){.items-table td:nth-child(2),.items-table th:nth-child(2){display:none}.factura-cliente-info{align-items:flex-start;flex-direction:column;gap:4px}}.factura-header,.factura-info-grid,.factura-items,.factura-observaciones,.factura-status{animation:fadeIn .3s ease-out}.factura-form-container{margin:0 auto;max-width:1200px;padding:24px}.form-header-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.factura-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.search-input{background-color:#f9fafb;margin-bottom:12px}.clientes-count{color:#6b7280;font-size:12px;margin-top:8px}.btn-add-item{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-add-item:hover{background-color:#059669}.item-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px;position:relative;transition:all .2s}.item-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.item-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.btn-remove-item{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.btn-remove-item:hover{background-color:#fee2e2}.item-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.item-field.full-width{grid-column:span 4}.item-field label{color:#6b7280;display:block;font-size:11px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.item-service-selector{border-top:1px dashed #d1d5db;margin-top:12px;padding-top:12px}.service-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px;width:100%}.item-subtotal{color:#4b5563;font-size:13px;margin-top:12px;text-align:right}.item-subtotal span{color:#059669;font-weight:600;margin-left:8px}.totales-section{display:flex;justify-content:flex-end;margin:24px 0}.totales-card{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:20px;width:300px}.total-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.total-label{color:#6b7280}.total-value{color:#1f2937;font-weight:500}.total-row.descuento .total-value{color:#dc2626}.total-row.iva .total-value{color:#3b82f6}.total-row.grand-total{border-top:2px solid #d1d5db;font-size:18px;font-weight:700;margin-top:8px;padding-top:16px}.total-row.grand-total .total-label,.total-row.grand-total .total-value{color:#1f2937}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}@media (max-width:1024px){.item-grid{grid-template-columns:repeat(2,1fr)}.item-field.full-width{grid-column:span 2}}@media (max-width:768px){.form-header{align-items:flex-start;flex-direction:column;gap:16px}.form-btn-cancel{width:100%}.form-row,.item-grid{grid-template-columns:1fr}.item-field.full-width{grid-column:span 1}.totales-section{justify-content:stretch}.totales-card{width:100%}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-item{justify-content:center;width:100%}}.factura-form,.item-card{animation:fadeIn .3s ease-out}.pagos-container{margin:0 auto;max-width:800px;padding:24px}.pagos-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.pagos-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.pagos-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.pagos-header-left{align-items:center;display:flex;gap:16px}.pagos-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.pagos-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.pagos-header p{color:#6b7280;font-size:14px;margin:0}.pagos-stats{align-items:center;display:flex}.pagos-search-section{margin-bottom:24px}.search-container{margin-bottom:8px}.search-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:16px 48px 16px 20px;transition:all .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-clear{align-items:center;display:flex;font-size:18px;justify-content:center;right:16px}.search-hint{color:#9ca3af;font-size:12px;margin-left:4px}.pagos-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.results-empty{padding:48px;text-align:center}.results-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.result-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#eff6ff}.result-info{flex:1 1;gap:12px}.result-avatar,.result-info{align-items:center;display:flex}.result-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;font-size:20px;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.result-details{flex:1 1}.result-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.result-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-id{background-color:#f3f4f6;border-radius:12px;padding:2px 8px}.meta-id,.meta-phone{color:#6b7280;font-size:13px}.result-deuda{min-width:120px;text-align:right}.deuda-monto{color:#dc2626;font-size:20px;font-weight:700;margin-bottom:2px}.deuda-label{color:#6b7280;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.pagos-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:48px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.success-title{color:#166534;font-size:18px;font-weight:600;margin-bottom:8px}.success-subtitle{color:#15803d;font-size:14px}.pagos-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pagos-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.pagos-modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:20px 24px}.modal-header-icon{background:linear-gradient(135deg,#10b981,#059669)}.pagos-modal-header h3{color:#1f2937;font-size:18px;margin-bottom:4px}.pagos-modal-header p{color:#6b7280;font-size:13px;margin:0}.pagos-modal-body{overflow-y:auto;padding:24px}.pagos-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cliente-info-card{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.cliente-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cliente-nombre{color:#1e40af;font-size:16px}.cliente-id{color:#3b82f6}.form-input,.form-select,.form-textarea{padding:12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer}.pagos-btn-primary,.pagos-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.pagos-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.pagos-btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.pagos-btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.pagos-btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagos-btn-primary:disabled,.pagos-btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.pagos-container{padding:16px}.pagos-header{align-items:flex-start;flex-direction:column;gap:16px}.pagos-stats{width:100%}.stats-badge{text-align:center;width:100%}.result-item{align-items:flex-start;flex-direction:column;gap:12px}.result-deuda{text-align:left;width:100%}.pagos-modal-footer{flex-direction:column-reverse}.pagos-modal-footer button{justify-content:center;width:100%}}.reportes-container{margin:0 auto;max-width:1200px;padding:24px}.reportes-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.reportes-header-left{align-items:center;display:flex;gap:20px}.reportes-header-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;box-shadow:0 4px 6px #f59e0b33;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.reportes-header h1{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.reportes-header p{color:#6b7280;font-size:15px;margin:0}.reportes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.reporte-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.reporte-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.reporte-card:hover{border-color:#0000;box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.reporte-card:hover .reporte-arrow{opacity:1;transform:translateX(4px)}.reporte-ingresos{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1}.reporte-cartera{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.reporte-mora{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b}.reporte-facturacion{background:linear-gradient(135deg,#fefce8,#fef9c3);color:#854d0e}.reporte-pagos{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#6b21a8}.reporte-promesas{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#115e59}.reporte-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.reporte-contenido{flex:1 1}.reporte-titulo{color:inherit;font-size:18px;font-weight:600;margin-bottom:4px}.reporte-descripcion{color:inherit;font-size:13px;margin:0;opacity:.8}.reporte-arrow{color:inherit;font-size:20px;opacity:.5;transition:all .2s}.reportes-stats{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.reportes-stats h2{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-item{background:#f9fafb;border-radius:12px;padding:16px;transition:all .2s}.stat-item:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.stat-label{font-size:12px}.reportes-nota{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;padding:16px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reportes-container{padding:16px}.reportes-header{align-items:flex-start;flex-direction:column;gap:16px}.reportes-grid,.stats-grid{grid-template-columns:1fr}.reporte-card{padding:20px}.stat-value{font-size:20px}}@media (max-width:480px){.reportes-header-icon{font-size:24px;height:48px;width:48px}.reportes-header h1{font-size:24px}.reporte-icon{font-size:20px;height:40px;width:40px}.reporte-titulo{font-size:16px}}.reporte-card{animation:slideIn .3s ease-out;animation-fill-mode:both}.reporte-card:first-child{animation-delay:.1s}.reporte-card:nth-child(2){animation-delay:.2s}.reporte-card:nth-child(3){animation-delay:.3s}.reporte-card:nth-child(4){animation-delay:.4s}.reporte-card:nth-child(5){animation-delay:.5s}.reporte-card:nth-child(6){animation-delay:.6s}.promesas-container{margin:0 auto;max-width:1400px;padding:24px}.promesas-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.promesas-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:16px;width:40px}.promesas-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.promesas-header-left{align-items:center;display:flex;gap:16px}.promesas-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.promesas-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.promesas-header p{color:#6b7280;font-size:14px;margin:0}.promesas-btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.promesas-btn-primary:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.promesas-filtros{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filtros-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 2fr auto}.filtro-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.filtro-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.filtro-busqueda{position:relative;width:100%}.filtro-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.filtro-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.filtro-clear{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s}.filtro-clear:hover{background-color:#f3f4f6;color:#4b5563}.filtro-btn-limpiar{background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.filtro-btn-limpiar:hover{background-color:#4b5563}.promesas-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.promesas-table{border-collapse:collapse;font-size:14px;width:100%}.promesas-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.promesas-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.promesa-row:hover{background-color:#f9fafb}.promesa-numero{color:#1f2937;font-family:monospace;font-weight:600}.promesa-cliente{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promesa-fecha{color:#6b7280;font-size:13px;white-space:nowrap}.promesa-monto{color:#059669;font-weight:600;white-space:nowrap}.promesa-pagado{color:#3b82f6;white-space:nowrap}.promesa-saldo{color:#8b5cf6;font-weight:600;white-space:nowrap}.promesa-estado{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.estado-pendiente{background-color:#fef3c7;color:#92400e}.estado-parcial{background-color:#ffedd5;color:#9a3412}.estado-cumplida{background-color:#d1fae5;color:#065f46}.estado-incumplida{background-color:#fee2e2;color:#991b1b}.estado-renegociada{background-color:#dbeafe;color:#1e40af}.estado-anulada{background-color:#f3f4f6;color:#4b5563}.promesa-acciones{white-space:nowrap}.promesa-btn-ver{background:none;border:none;border-radius:6px;color:#8b5cf6;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.promesa-btn-ver:hover{background-color:#f5f3ff}.promesas-empty{padding:48px!important;text-align:center}.empty-title{font-size:18px}.empty-subtitle{font-size:14px}.promesas-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:24px}.stats-card{background:#fff;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:8px;padding:20px;transition:transform .2s}.stats-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stats-label{color:#6b7280;font-size:13px;letter-spacing:.3px;text-transform:uppercase}.stats-value{color:#1f2937;font-size:24px;font-weight:600}@media (max-width:1024px){.promesas-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.promesas-header{align-items:flex-start;flex-direction:column;gap:16px}.promesas-btn-primary{justify-content:center;width:100%}.filtros-grid{grid-template-columns:1fr}.filtro-btn-limpiar{width:100%}.promesas-table td:nth-child(3),.promesas-table td:nth-child(4),.promesas-table th:nth-child(3),.promesas-table th:nth-child(4){display:none}.promesas-stats{grid-template-columns:1fr}}@media (max-width:480px){.promesa-cliente,.promesas-table td:nth-child(2),.promesas-table th:nth-child(2){display:none}.stats-card{padding:16px}.stats-value{font-size:20px}}.promesas-table tbody tr{animation:fadeIn .3s ease-out}.promesa-form-container{margin:0 auto;max-width:800px;padding:24px}.form-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:24px;padding:20px}.form-header,.form-header-left{align-items:center;display:flex}.form-header-left{gap:16px}.form-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.form-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.form-header p{color:#6b7280;font-size:14px;margin:0}.form-btn-cancel{background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.form-btn-cancel:hover{background-color:#4b5563}.promesa-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{border-bottom:2px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.form-row{grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:20px}.form-group label{color:#374151}.required-star{margin-left:2px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.search-container{margin-bottom:12px;position:relative}.search-input{padding-right:40px}.search-clear{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.search-clear:hover{background-color:#f3f4f6;color:#4b5563}.clientes-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.clientes-empty{color:#6b7280;font-style:italic;padding:24px;text-align:center}.cliente-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.cliente-item:last-child{border-bottom:none}.cliente-item:hover{background-color:#f5f3ff}.cliente-info{flex:1 1}.cliente-nombre{color:#1f2937;font-weight:600;margin-bottom:4px}.cliente-id{color:#6b7280;font-size:13px}.cliente-estado{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.cliente-estado.estado-activo{background-color:#d1fae5;color:#065f46}.cliente-estado.estado-suspendido{background-color:#fef3c7;color:#92400e}.cliente-estado.estado-retirado{background-color:#f3f4f6;color:#4b5563}.cliente-seleccionado{align-items:center;background-color:#f5f3ff;border:1px solid #c4b5fd;border-radius:10px;display:flex;justify-content:space-between;padding:16px}.cliente-seleccionado-info{align-items:center;display:flex;gap:16px}.cliente-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.cliente-seleccionado-nombre{color:#5b21b6;font-size:16px;font-weight:600;margin-bottom:4px}.cliente-seleccionado-id{color:#6d28d9;font-size:13px;margin-bottom:4px}.cliente-seleccionado-estado{color:#4b5563;font-size:12px}.btn-cambiar-cliente{background:none;border:1px solid #8b5cf6;border-radius:6px;color:#8b5cf6;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-cambiar-cliente:hover{background-color:#8b5cf6;color:#fff}.tipo-promesa-options{display:flex;gap:16px}.tipo-option{align-items:center;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px;transition:all .2s}.tipo-option.selected,.tipo-option:hover{background-color:#f5f3ff;border-color:#8b5cf6}.tipo-radio{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.tipo-label{color:#374151;font-size:16px;font-weight:500}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-agregar-cuota{align-items:center;background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-agregar-cuota:hover{background-color:#6d28d9}.cuotas-empty{background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;font-style:italic;padding:32px;text-align:center}.cuotas-list{display:flex;flex-direction:column;gap:16px}.cuota-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.cuota-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cuota-numero{color:#4b5563;font-size:14px}.btn-eliminar-cuota{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.btn-eliminar-cuota:hover{background-color:#fee2e2}.cuota-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cuota-field{display:flex;flex-direction:column;gap:4px}.cuota-label{color:#6b7280;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.cuota-input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 12px;transition:all .2s}.cuota-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.facturas-list{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:8px}.factura-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s}.factura-item:hover{background-color:#f9fafb}.factura-checkbox{accent-color:#8b5cf6;cursor:pointer;height:16px;width:16px}.factura-info{align-items:center;display:flex;flex:1 1;gap:16px}.factura-numero{color:#1f2937;font-weight:600;min-width:120px}.factura-monto{color:#059669;font-weight:500;min-width:80px}.factura-vencimiento{color:#6b7280;font-size:12px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.promesa-form-container{padding:16px}.form-header{align-items:flex-start;flex-direction:column;gap:16px}.form-btn-cancel{width:100%}.form-row{grid-template-columns:1fr}.tipo-promesa-options{flex-direction:column}.cuota-grid{grid-template-columns:1fr}.factura-info{align-items:flex-start;flex-direction:column;gap:4px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.promesa-detalle{margin:0 auto;max-width:1200px;padding:24px}.promesa-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.promesa-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.promesa-error-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.promesa-error-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;max-width:400px;padding:32px;text-align:center;width:100%}.error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.promesa-error-card h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.promesa-error-card p{color:#6b7280;margin-bottom:24px}.promesa-btn-primary{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.promesa-btn-primary:hover{background-color:#2563eb}.promesa-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.promesa-header-left{align-items:center;display:flex;gap:16px}.promesa-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.promesa-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.promesa-cliente-info{align-items:center;display:flex;gap:8px}.cliente-nombre{color:#4b5563;font-size:14px}.promesa-header-actions{display:flex;gap:8px}.promesa-btn-anular{align-items:center;background-color:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.promesa-btn-anular:hover{background-color:#b91c1c}.promesa-btn-back{align-items:center;background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.promesa-btn-back:hover{background-color:#4b5563}.promesa-status{margin-bottom:24px}.status-badge{font-size:14px;font-weight:600;padding:6px 16px}.status-pendiente{background-color:#fef3c7;color:#92400e}.status-parcial{background-color:#ffedd5;color:#9a3412}.status-cumplida{background-color:#d1fae5;color:#065f46}.status-incumplida{background-color:#fee2e2;color:#991b1b}.status-renegociada{background-color:#dbeafe;color:#1e40af}.status-anulada{background-color:#f3f4f6;color:#4b5563}.promesa-resumen{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.resumen-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;padding:20px;transition:transform .2s}.resumen-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.resumen-total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.resumen-pagado{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e}.resumen-saldo{background:linear-gradient(135deg,#fefce8,#fef9c3);border-left:4px solid #eab308}.resumen-vencimiento{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:4px solid #8b5cf6}.resumen-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.resumen-total .resumen-icon{background-color:#dbeafe;color:#3b82f6}.resumen-pagado .resumen-icon{background-color:#dcfce7;color:#22c55e}.resumen-saldo .resumen-icon{background-color:#fef9c3;color:#eab308}.resumen-vencimiento .resumen-icon{background-color:#f3e8ff;color:#8b5cf6}.resumen-label{color:#4b5563;font-size:12px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.resumen-value{color:#1f2937;font-size:20px;font-weight:700}.promesa-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000001a;gap:12px;padding:16px}.info-card,.info-icon{align-items:center;display:flex}.info-icon{background:#f3f4f6;border-radius:10px;color:#4b5563;font-size:20px;height:40px;justify-content:center;width:40px}.info-label{color:#6b7280;font-size:11px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1f2937;font-size:16px;font-weight:500}.promesa-cuotas{margin-bottom:24px}.promesa-cuotas h2{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px}.cuotas-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.cuotas-table{border-collapse:collapse;font-size:14px;width:100%}.cuotas-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.cuotas-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.cuotas-table .even-row{background-color:#fff}.cuotas-table .odd-row{background-color:#fafafa}.text-right{text-align:right}.cuota-numero{color:#1f2937;font-weight:600}.cuota-fecha{color:#6b7280}.cuota-monto{color:#059669;font-weight:500}.cuota-pagado{color:#3b82f6}.estado-cuota{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.estado-cuota.pagada{background-color:#d1fae5;color:#065f46}.estado-cuota.pendiente{background-color:#fef3c7;color:#92400e}.promesa-condiciones{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.condicion-item{margin-bottom:16px}.condicion-item:last-child{margin-bottom:0}.condicion-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.condicion-texto{background-color:#f9fafb;border-radius:8px;color:#4b5563;line-height:1.6;padding:12px 16px}.promesa-nota{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;gap:12px;padding:16px}.nota-icon{font-size:24px}.nota-texto{color:#1e40af;font-size:14px;line-height:1.5}.nota-texto strong{color:#1e3a8a;font-weight:600}@media (max-width:1024px){.promesa-resumen{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.promesa-header{align-items:flex-start;flex-direction:column;gap:16px}.promesa-header-actions{flex-direction:column;width:100%}.promesa-btn-anular,.promesa-btn-back{justify-content:center;width:100%}.promesa-info-grid,.promesa-resumen{grid-template-columns:1fr}.cuotas-table td:nth-child(2),.cuotas-table th:nth-child(2){display:none}}@media (max-width:480px){.cuotas-table td:first-child,.cuotas-table td:nth-child(4),.cuotas-table th:first-child,.cuotas-table th:nth-child(4){display:none}.resumen-card{flex-direction:column;text-align:center}.nota-icon{font-size:20px}.nota-texto{font-size:13px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.promesa-condiciones,.promesa-cuotas,.promesa-header,.promesa-info-grid,.promesa-nota,.promesa-resumen,.promesa-status{animation:slideIn .3s ease-out}.carga-masiva-container{background-color:#f9fafb;min-height:100vh;padding:24px}.carga-masiva-wrapper{margin:0 auto;max-width:800px}.carga-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-bottom:24px;padding:20px}.btn-back,.carga-header{align-items:center;display:flex}.btn-back{background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-back:hover{background-color:#e5e7eb;color:#1f2937}.header-title h1{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:4px}.header-title p{color:#6b7280;font-size:13px;margin:0}.carga-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.plantilla-section{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-plantilla{align-items:center;background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.btn-plantilla:hover{background-color:#eff6ff}.upload-area{border:2px dashed #d1d5db;border-radius:12px;margin-bottom:24px;padding:32px;text-align:center;transition:all .2s}.upload-area.has-file{background-color:#eff6ff;border-color:#3b82f6}.file-input{display:none}.upload-content{align-items:center;display:flex;flex-direction:column}.upload-icon-container{align-items:center;background-color:#dbeafe;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.upload-icon{font-size:32px}.upload-filename{color:#1f2937;font-size:16px;font-weight:500;margin-bottom:8px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-info{color:#6b7280;font-size:13px;margin-bottom:20px}.btn-browse{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-browse:hover{background-color:#2563eb}.upload-actions{display:flex;gap:12px;margin-top:8px}.btn-change,.btn-upload{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-change{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.btn-change:hover{background-color:#e5e7eb}.btn-upload{background-color:#3b82f6;color:#fff}.btn-upload:hover:not(:disabled){background-color:#2563eb}.btn-upload:disabled{cursor:not-allowed;opacity:.5}.resultado-card{border-radius:10px;margin-bottom:24px;padding:20px}.resultado-exito{background-color:#f0fdf4;border:1px solid #86efac}.resultado-error{background-color:#fef2f2;border:1px solid #fecaca}.resultado-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.resultado-icon{font-size:24px}.resultado-title{font-size:16px;font-weight:600;margin:0}.resultado-exito-title{color:#166534}.resultado-error-title{color:#991b1b}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:16px;text-align:center}.stat-card.total{border-left:4px solid #6b7280}.stat-card.exitosas{border-left:4px solid #22c55e}.stat-label{color:#6b7280;display:block;font-size:11px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1f2937;display:block;font-size:24px;font-weight:700}.stat-card.exitosas .stat-value{color:#22c55e}.fallidas-section{background:#fff;border:1px solid #fee2e2;border-radius:8px;margin-bottom:16px;padding:16px}.fallidas-titulo{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:12px}.fallidas-lista{color:#dc2626;font-size:13px;list-style:disc;list-style-position:inside;margin:0;max-height:120px;overflow-y:auto;padding:0}.fallidas-lista li{border-bottom:1px dashed #fee2e2;padding:4px 0}.fallidas-lista li:last-child{border-bottom:none}.resultado-actions{display:flex;justify-content:flex-end}.btn-ver-instalaciones{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.btn-ver-instalaciones:hover{background-color:#eff6ff}.resultado-error-mensaje{color:#dc2626;font-size:14px;margin:0}.instrucciones{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.instrucciones-titulo{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.instrucciones-lista{list-style:none;margin:0;padding:0}.instrucciones-lista li{align-items:flex-start;border-bottom:1px dashed #e5e7eb;color:#4b5563;display:flex;font-size:13px;gap:12px;padding:8px 0}.instrucciones-lista li:last-child{border-bottom:none}.badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.badge.obligatorio{background-color:#fee2e2;color:#991b1b}.badge.opcional{background-color:#dbeafe;color:#1e40af}.badge.servicio{background-color:#dcfce7;color:#166534}.badge.formato{background-color:#fef3c7;color:#92400e}.badge.validacion{background-color:#f3e8ff;color:#6b21a8}.loading-spinner-small{margin-right:8px}@media (max-width:640px){.carga-masiva-container{padding:16px}.carga-header{align-items:flex-start;flex-direction:column}.btn-back{align-self:flex-start}.upload-actions{flex-direction:column;width:100%}.btn-change,.btn-upload{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.instrucciones-lista li{flex-direction:column;gap:4px}.badge{align-self:flex-start}}.resultado-card{animation:fadeIn .3s ease-out}.usuarios-container{margin:0 auto;max-width:1200px;padding:24px}.usuarios-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.usuarios-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.usuarios-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.header-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.usuarios-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.usuarios-header p{color:#6b7280;font-size:14px;margin:0}.header-stats{align-items:center;display:flex}.stats-badge{background-color:#f3f4f6;border-radius:20px;color:#4b5563;font-size:14px;font-weight:500;padding:8px 16px}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.error-icon{font-size:18px}.usuarios-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.usuarios-card.edit-card{border:2px solid #f59e0b;box-shadow:0 4px 6px #f59e0b1a}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.form-group{margin-bottom:0}.optional{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-token{align-items:center;background-color:#f3e8ff;border:none;border-radius:6px;color:#6b21a8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s}.btn-token:hover{background-color:#e9d5ff}.edit-actions{display:flex;gap:12px;margin-top:16px}.usuarios-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.usuarios-table{border-collapse:collapse;font-size:14px;width:100%}.usuarios-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px;text-align:left;text-transform:uppercase}.usuarios-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:16px}.user-row:hover{background-color:#f9fafb}.text-center{text-align:center}.user-id{color:#6b7280;font-family:monospace;font-size:12px}.user-info{gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.user-username{color:#1f2937;font-weight:500}.user-email{color:#6b7280}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.user-actions{gap:4px}.action-btn,.user-actions{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;font-size:16px;height:32px;transition:all .2s;width:32px}.action-btn.edit{background-color:#eff6ff;color:#3b82f6}.action-btn.edit:hover{background-color:#dbeafe}.action-btn.activate{background-color:#ecfdf5;color:#10b981}.action-btn.activate:hover{background-color:#d1fae5}.action-btn.deactivate{background-color:#fef2f2;color:#dc2626}.action-btn.deactivate:hover{background-color:#fee2e2}.action-btn.delete{background-color:#fef2f2;color:#dc2626}.action-btn.delete:hover{background-color:#fee2e2}.empty-state{padding:48px!important}.empty-icon{margin-bottom:16px}.empty-title{margin-bottom:8px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-token{max-width:500px}.modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-left{align-items:center;display:flex;gap:16px}.modal-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.modal-header h3{color:#1f2937;font-size:18px;margin-bottom:4px}.modal-header p{color:#6b7280;font-size:13px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background-color:#e5e7eb;color:#374151}.modal-body{padding:24px}.token-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.token-container{background-color:#1f2937;border-radius:8px;margin-bottom:16px;padding:16px}.token-textarea{word-wrap:break-word;background:#111827;border:1px solid #374151;border-radius:6px;color:#10b981;font-family:Courier New,monospace;font-size:13px;padding:12px;resize:none;white-space:pre-wrap;width:100%}.token-textarea:focus{border-color:#8b5cf6;outline:none}.token-warning{background-color:#fffbeb;border-radius:6px;color:#f59e0b;font-size:12px;margin:0;padding:8px 12px}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-copy{align-items:center;background-color:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-copy:hover{background-color:#6d28d9}@media (max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.usuarios-container{padding:16px}.usuarios-header{align-items:flex-start;flex-direction:column;gap:16px}.form-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column}.edit-actions button{width:100%}.user-actions{flex-direction:column}.action-btn{width:100%}.modal-footer{flex-direction:column-reverse}.btn-copy,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.user-id,.usuarios-table td:first-child,.usuarios-table th:first-child{display:none}}.user-row,.usuarios-card{animation:fadeIn .3s ease-out}.roles-container{margin:0 auto;max-width:1200px;padding:24px}.roles-loading-container{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.roles-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.roles-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:24px;padding:20px}.header-left,.roles-header{align-items:center;display:flex}.header-left{gap:16px}.header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.roles-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.roles-header p{color:#6b7280;font-size:14px;margin:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.roles-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.roles-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;gap:12px;padding:16px 20px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;font-size:16px;height:32px;justify-content:center;width:32px}.card-header h2{color:#374151;font-size:16px;font-weight:600;margin:0}.card-body{padding:20px}.form-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-label.required{align-items:center;display:flex;gap:4px}.required-star{color:#dc2626}.form-input,.form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-input:disabled,.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn-primary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-primary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-block{width:100%}.roles-actuales{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.roles-label{color:#4b5563;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.roles-tags{display:flex;flex-wrap:wrap;gap:8px}.role-tag{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.sin-roles{color:#9ca3af;font-size:13px;font-style:italic}.roles-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.roles-count{background-color:#f3f4f6;border-radius:20px;color:#4b5563;font-size:13px;font-weight:500;padding:4px 12px}.roles-list{display:flex;flex-direction:column;gap:8px}.role-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.role-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.role-info{display:flex;flex-direction:column;gap:2px}.role-name{color:#1f2937;font-size:15px;font-weight:600}.role-id{color:#6b7280;font-family:monospace;font-size:11px}.role-delete-btn{align-items:center;background-color:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.role-delete-btn:hover:not(:disabled){background-color:#fee2e2;transform:scale(1.1)}.role-delete-btn:disabled{cursor:not-allowed;opacity:.3}.empty-state{background-color:#f9fafb;border-radius:8px;padding:32px}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.empty-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:4px}.empty-subtitle{color:#6b7280;font-size:13px}.roles-note{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:16px}.note-icon{font-size:20px}.note-text{color:#1e40af;font-size:14px;line-height:1.5}.loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.roles-container{padding:16px}.roles-header{align-items:flex-start;flex-direction:column}.roles-grid{grid-template-columns:1fr}.list-header{align-items:flex-start;flex-direction:column;gap:8px}.roles-note{flex-direction:column;text-align:center}}@media (max-width:480px){.role-item{align-items:flex-start;flex-direction:column;gap:12px}.role-delete-btn{align-self:flex-end}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-item,.roles-card{animation:fadeIn .3s ease-out}.onu-admin-container{margin:0 auto;max-width:1200px;padding:30px}.onu-admin-container h1{color:#1f2937;font-size:28px;margin-bottom:8px}.onu-admin-container .subtitle{color:#6b7280;font-size:16px;margin-bottom:30px}.olts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.olt-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s ease}.olt-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.olt-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.olt-card-header h3{font-size:18px;font-weight:600;margin:0}.olt-status{background:#fff3;border-radius:20px;font-size:12px;font-weight:500;padding:4px 8px}.olt-status.enabled{background:#10b981}.olt-status.disabled{background:#ef4444}.olt-card-body{padding:20px}.olt-card-body p{color:#4b5563;font-size:14px;margin:8px 0}.olt-card-body p strong{color:#1f2937;display:inline-block;width:80px}.olt-card-footer{margin-top:16px;text-align:right}.btn-select{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s}.btn-select:hover{background:#eff6ff}.loading{font-size:16px;padding:60px}.empty-state{background:#f9fafb;border-radius:12px;color:#6b7280;grid-column:1/-1;padding:60px}.empty-state button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:10px 20px}.empty-state button:hover{background:#2563eb}.onu-management{margin:0 auto;max-width:1200px;padding:24px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin:20px 0;overflow-x:auto;padding-bottom:8px}.tabs button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.tabs button:hover{background-color:#f3f4f6;color:#374151}.tabs button.active{background-color:#3b82f6;color:#fff}.tab-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.loading{color:#6b7280;font-size:14px;padding:40px;text-align:center}.table{border-collapse:collapse;font-size:14px;width:100%}.table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:12px}.table tr:hover{background-color:#f9fafb}.empty-state{color:#9ca3af;padding:40px!important;text-align:center}.sn-code{background-color:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:12px;padding:4px 8px}.two-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr}.form-section,.list-section{background-color:#f9fafb;border-radius:8px;padding:20px}.form-section h3,.list-section h3{color:#374151;font-size:16px;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:16px}.form-group label{color:#4b5563;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group.checkbox{align-items:center;display:flex;gap:8px}.form-group.checkbox input{width:auto}.form-group.checkbox label{margin-bottom:0}.form-group small{color:#6b7280;display:block;font-size:11px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-primary,.btn-refresh,.btn-success{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-success{background-color:#10b981;color:#fff;font-size:16px;padding:12px;width:100%}.btn-success:hover{background-color:#059669}.btn-refresh{background-color:#f3f4f6;color:#4b5563}.btn-refresh:hover:not(:disabled){background-color:#e5e7eb}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.btn-authorize-small{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-authorize-small:hover{background-color:#059669}.btn-delete-small{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-delete-small:hover{background-color:#dc2626}.authorize-form{background-color:#f9fafb;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.authorize-form h3{color:#374151;margin-bottom:24px;margin-top:0;text-align:center}
/*# sourceMappingURL=main.a81a1216.css.map*/