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{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{gap:12px}.cliente-avatar,.cliente-info{align-items:center;display:flex}.cliente-avatar{background-color:#eff6ff;border-radius:50%;color:#3b82f6;font-size:16px;height:32px;justify-content:center;width:32px}.cliente-nombre{color:#1f2937;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{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.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;border-radius:8px;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;justify-content:space-between;margin-bottom:24px;padding:16px}.header-left,.section-header{align-items:center;display:flex}.header-left{gap:16px}.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}.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{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;overflow:hidden}.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{color:#6b7280;font-size:16px}.card-header h3{color:#374151;font-size:14px;font-weight:600;margin:0}.card-body{padding:20px}.info-row{margin-bottom:16px}.info-row:last-child{margin-bottom:0}.info-label{color:#6b7280;font-size:11px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1f2937;font-size:14px;font-weight:500;line-height:1.4}.info-sub{font-size:12px;margin-top:2px}.info-sub,.text-muted{color:#9ca3af;font-weight:400}.text-muted{font-style:italic}.service-badge{align-items:center;background-color:#f3f4f6;color:#374151;display:inline-flex;gap:4px}.service-badge,.status-badge{border-radius:20px;font-size:12px;padding:4px 8px}.status-badge{display:inline-block;font-weight:500}.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-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:12px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-large{max-width:800px}.modal-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);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-color:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.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:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{overflow-y:auto;padding:24px}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:0}.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:1px solid #d1d5db;border-radius:6px;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.uppercase{text-transform:uppercase}.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}.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.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%}}.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{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:transform .2s}.resumen-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.resumen-total{background:linear-gradient(90deg,#eff6ff,#fff);border-left:4px solid #3b82f6}.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-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:#d1fae5;color:#10b981}.resumen-pendiente .resumen-icon{background-color:#fef3c7;color:#f59e0b}.resumen-label{color:#6b7280;font-size:12px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.resumen-value{color:#1f2937;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-row:hover{background-color:#f9fafb}.factura-numero{font-weight:500}.factura-id{background-color:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:12px;padding:4px 8px}.factura-fecha{color:#6b7280;font-size:13px}.factura-monto{color:#059669;font-weight:600}.factura-saldo{color:#d97706;font-weight:500}.factura-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-pagada{background-color:#d1fae5;color:#065f46}.estado-anulada{background-color:#fee2e2;color:#991b1b}.estado-vencida{background-color:#f3f4f6;color:#4b5563}.facturacion-empty{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.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}@keyframes spin{to{transform:rotate(1turn)}}.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-activo{background-color:#d1fae5;color:#065f46}.estado-suspendido{background-color:#fef3c7;color:#92400e}.estado-retirado{background-color:#fee2e2;color:#991b1b}.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}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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}.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.2109d8c2.css.map*/