.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background-color:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.login-header p{font-size:14px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s}.login-error{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;font-size:14px;text-align:center}.login-success{background-color:#d1fae5;color:#065f46;padding:12px;border-radius:8px;font-size:14px;text-align:center}.btn-forgot-password{background:none;border:none;color:#667eea;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;text-align:left;margin-bottom:8px;transition:color .2s}.btn-forgot-password:hover{color:#764ba2;text-decoration:underline}.btn-forgot-password:disabled{opacity:.6;cursor:not-allowed}.btn-back{width:100%;padding:12px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:12px}.btn-back:hover{background-color:#e5e7eb}.btn-back:disabled{opacity:.6;cursor:not-allowed}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-top:10px}.btn-login:active{transform:scale(.98)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.password-hint{font-size:12px;color:#6b7280;margin-top:4px}.login-footer{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.btn-toggle-mode{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;padding:8px;transition:color .2s}.btn-toggle-mode:hover{color:#764ba2}.btn-toggle-mode:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}}.formulario-container{padding:16px;max-width:100%;min-height:100vh;background-color:#f5f5f5}.formulario-header{display:flex;align-items:center;margin-bottom:20px;gap:12px}.formulario-header h2{font-size:22px;font-weight:700;color:#1f2937;margin:0}.formulario{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.form-group input[type=text],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.form-group textarea{resize:vertical;min-height:240px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:400}.foto-preview{margin-bottom:12px;position:relative}.foto-preview img{width:100%;max-height:300px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0}.btn-eliminar-foto{margin-top:8px;padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.foto-buttons{display:flex;gap:8px}.btn-foto{flex:1;padding:12px;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}.btn-foto:active{background-color:#e5e7eb}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-cancelar,.btn-guardar{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-cancelar{background-color:#f3f4f6;color:#374151}.btn-guardar{background-color:#2563eb;color:#fff}.btn-cancelar:active,.btn-guardar:active{transform:scale(.98)}.btn-cancelar:disabled,.btn-guardar:disabled{opacity:.6;cursor:not-allowed}.autocomplete-container{position:relative}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.suggestion-item{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.suggestion-item:hover{background-color:#f3f4f6}.suggestion-item:last-child{border-bottom:none}.detalle-container{padding:16px;max-width:100%;min-height:100vh;background-color:#f5f5f5}.detalle-header{display:flex;align-items:center;margin-bottom:20px;gap:12px}.btn-volver{background:none;border:none;font-size:18px;color:#2563eb;cursor:pointer;padding:8px}.detalle-header h2{font-size:22px;font-weight:700;color:#1f2937;margin:0}.detalle-content{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.detalle-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.detalle-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detalle-section h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px}.detalle-section h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.badge-container{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.detalle-item{display:flex;flex-direction:column;gap:4px}.detalle-label{font-size:14px;font-weight:600;color:#6b7280}.detalle-value{font-size:16px;color:#1f2937;word-break:break-word}.comentario-value{font-style:italic;padding:12px;background-color:#f9fafb;border-radius:8px;margin-top:8px}.detalle-foto{margin-top:12px}.detalle-foto img{width:100%;max-height:400px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0}.edicion-section{background-color:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.edicion-section .form-group{margin-bottom:16px}.edicion-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.edicion-section input[type=text],.edicion-section textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit}.edicion-section input:focus,.edicion-section textarea:focus{outline:none;border-color:#2563eb}.edicion-section textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.btn-guardar-cambios{width:100%;padding:14px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-guardar-cambios:active{transform:scale(.98)}.btn-guardar-cambios:disabled{opacity:.6;cursor:not-allowed}.detalle-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.detalle-fecha-creacion{font-size:12px;color:#9ca3af}.comentarios-section{margin-top:24px}.comentarios-loading,.comentarios-vacio{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.comentarios-lista{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.comentario-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-left:0}.comentario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.comentario-autor{font-weight:600;font-size:14px;color:#2563eb}.comentario-fecha{font-size:12px;color:#6b7280}.comentario-texto{font-size:14px;color:#374151;line-height:1.5;word-break:break-word}.comentario-formulario{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.comentario-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:12px}.comentario-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.comentario-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn-agregar-comentario{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-agregar-comentario:hover:not(:disabled){background-color:#1d4ed8}.btn-agregar-comentario:active:not(:disabled){transform:scale(.98)}.btn-agregar-comentario:disabled{opacity:.6;cursor:not-allowed}.mejoras-section{margin-top:24px}.mejora-label{margin-bottom:8px;font-weight:600;color:#374151}.mejora-textarea{margin-top:8px}.mejora-item{border-left:3px solid #fbbf24;background-color:#fef3c7}.btn-agregar-mejora{background-color:#f59e0b}.btn-agregar-mejora:hover:not(:disabled){background-color:#d97706}.incidencias-container{padding:16px;max-width:100%}.btn-nueva{background-color:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0000001a}.btn-nueva:active{transform:scale(.98)}.filtros-departamento{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filtro-btn{padding:8px 16px;border:1px solid #e0e0e0;background-color:#fff;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;color:#666;transition:all .2s}.filtro-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.filtro-btn:active{transform:scale(.98)}.incidencias-lista{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.incidencia-card.completada{opacity:.9;background-color:#fff}.incidencia-header-card{display:flex;justify-content:space-between;align-items:start;margin-bottom:4px}.incidencia-header-actions{display:flex;align-items:center;gap:8px}.btn-editar-incidencia{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:#6b7280}.btn-editar-incidencia:hover{background-color:#f3f4f6;color:#2563eb}.icon-editar{width:18px;height:18px}.btn-eliminar-incidencia{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:#6b7280}.btn-eliminar-incidencia:hover:not(:disabled){background-color:#fee2e2;color:#dc2626}.btn-eliminar-incidencia:disabled{opacity:.5;cursor:not-allowed}.icon-eliminar{width:18px;height:18px}.incidencia-edicion-form{margin-top:12px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.form-group-edit{margin-bottom:16px}.form-group-edit label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group-edit input[type=text],.form-group-edit input[type=date],.form-group-edit select,.form-group-edit textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group-edit input:focus,.form-group-edit select:focus,.form-group-edit textarea:focus{outline:none;border-color:#2563eb}.form-group-edit textarea{resize:vertical;min-height:180px}.checkbox-label-edit{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label-edit input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.incidencia-edicion-buttons{display:flex;gap:8px;margin-top:16px}.btn-guardar-edicion{flex:1;padding:10px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-guardar-edicion:hover:not(:disabled){background-color:#1d4ed8}.btn-guardar-edicion:disabled{opacity:.6;cursor:not-allowed}.btn-cancelar-edicion{flex:1;padding:10px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-cancelar-edicion:hover:not(:disabled){background-color:#f3f4f6}.btn-cancelar-edicion:disabled{opacity:.6;cursor:not-allowed}.incidencia-nota-preview{font-size:13px;color:#6b7280;margin:8px 0;font-style:italic}.badge-vigilantes{background-color:#e9d5ff;color:#6b21a8}.incidencia-estado-container{margin:-4px 0 12px;display:flex;justify-content:flex-end}.badge-estado{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-estado-pendiente{background-color:#f3f4f6;color:#4b5563}.badge-estado-en-proceso{background-color:#dbeafe;color:#1e40af}.badge-estado-urgente{background-color:#fee2e2;color:#991b1b}.incidencia-foto-preview{margin:12px 0;border-radius:8px;overflow:hidden}.incidencia-foto-preview img{width:100%;height:auto;max-height:200px;object-fit:cover}.incidencia-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.incidencia-fecha{display:inline-block}.incidencia-comentario{font-size:14px;color:#666;font-style:italic;margin:8px 0;padding:8px;background-color:#f9fafb;border-radius:6px}.incidencias-completadas-section{margin-top:40px;padding-top:30px;border-top:2px solid #e0e0e0}.incidencias-lista-completadas{display:flex;flex-direction:column;gap:12px}.titulo-completadas-container{display:flex;align-items:center;gap:12px;margin-bottom:20px}.titulo-completadas{font-size:20px;font-weight:700;color:#1f2937;margin:0}.btn-toggle-acabadas{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s,transform .2s;border-radius:4px}.btn-toggle-acabadas:hover{color:#2563eb;background-color:#f3f4f6}.btn-toggle-acabadas:active{transform:scale(.95)}.toggle-icon{width:24px;height:24px}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.btn-paginacion{padding:8px 16px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-paginacion:hover:not(:disabled){background-color:#f3f4f6;border-color:#2563eb;color:#2563eb}.btn-paginacion:disabled{opacity:.5;cursor:not-allowed}.paginacion-info{font-size:14px;font-weight:600;color:#6b7280;min-width:120px;text-align:center}.incidencias-solucionadas-container{padding:16px;max-width:100%}.incidencias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.incidencias-header h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.filtros-fecha{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.filtro-fecha-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.filtro-fecha-item label{font-size:14px;font-weight:600;color:#374151}.filtro-fecha-item input{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.filtro-fecha-item input:focus{outline:none;border-color:#2563eb}.btn-limpiar-filtros{padding:10px 20px;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;height:fit-content}.btn-limpiar-filtros:hover{background-color:#e5e7eb}.btn-limpiar-filtros:active{transform:scale(.98)}.contador-incidencias{font-size:14px;color:#6b7280;margin-bottom:12px;font-weight:500}.incidencias-lista{display:flex;flex-direction:column;gap:12px}.incidencia-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.incidencia-card:active{transform:scale(.98);box-shadow:0 1px 2px #0000001a}.incidencia-card.completada{opacity:.9;background-color:#f9fafb}.incidencia-header-card{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.incidencia-header-card h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 8px 0 0;flex:1}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-completada{background-color:#10b981;color:#fff}.incidencia-ubicacion{font-size:14px;color:#666;margin:8px 0}.incidencia-comentario{font-size:14px;color:#666;font-style:italic;margin:8px 0;padding:8px;background-color:#f0f9ff;border-radius:6px}.incidencia-solucionada{font-size:13px;color:#10b981;font-weight:500;margin:8px 0}.incidencia-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:12px;color:#999;flex-wrap:wrap;gap:8px}.incidencia-fecha{font-size:12px;color:#999;display:inline-block}.incidencia-comentarios-count{color:#2563eb;font-weight:500;margin-left:4px}.incidencia-fecha-solucion{font-size:12px;color:#10b981;font-weight:500}.sin-incidencias{text-align:center;padding:40px 20px;color:#999;font-size:16px}.loading,.error{text-align:center;padding:20px;font-size:16px}.error{color:#ef4444;background-color:#fee2e2;border-radius:8px}.mapa-container{display:flex;flex-direction:column;height:calc(100vh - 70px);background-color:#f5f5f5}.mapa-header{display:flex;justify-content:space-between;align-items:center;padding:2px 12px;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.mapa-header h1{font-size:20px;font-weight:700;color:#1f2937;margin:0;transform:translateY(-3px)}.mapa-header-right{display:flex;align-items:center;gap:8px}.mapa-controls{display:flex;align-items:center;gap:4px}.mapa-imagen-anterior-mini{width:40px;height:40px;border-radius:4px;overflow:hidden;border:1px solid #d1d5db;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.mapa-imagen-anterior-mini:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.mapa-imagen-anterior-mini img{width:100%;height:100%;object-fit:cover}.btn-control{width:36px;height:36px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-control:active{background-color:#f3f4f6}.zoom-level{min-width:50px;text-align:center;font-size:14px;font-weight:600;color:#374151}.btn-reset{width:36px;height:36px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-reset:active{background-color:#f3f4f6}.mapa-viewport{flex:1;overflow:hidden;position:relative;background-color:#e5e7eb;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}.mapa-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.mapa-placeholder{width:90%;max-width:800px;aspect-ratio:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;margin:0 auto}.mapa-placeholder-content{text-align:center;color:#fff;padding:40px}.mapa-icon{font-size:64px;margin-bottom:16px}.mapa-placeholder-content h2{font-size:24px;font-weight:700;margin:0 0 8px}.mapa-placeholder-content p{font-size:16px;opacity:.9;margin:0}.btn-subir-imagen{padding:6px 12px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-subir-imagen:hover:not(:disabled){background-color:#f3f4f6}.btn-subir-imagen:disabled{opacity:.6;cursor:not-allowed}.btn-subir-primera-imagen{margin-top:20px;padding:12px 24px;border:2px solid white;background-color:#fff3;border-radius:8px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s}.btn-subir-primera-imagen:hover:not(:disabled){background-color:#ffffff4d}.btn-subir-primera-imagen:disabled{opacity:.6;cursor:not-allowed}.mapa-imagen{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;margin:0;display:block}.mapa-imagen-anterior{position:fixed;bottom:80px;left:16px;background-color:#fffffff2;padding:8px 12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10}.texto-imagen-anterior{font-size:10px;color:#6b7280;margin:0;font-weight:500}.imagen-anterior-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.gestion-usuarios-container{padding:20px;max-width:1200px;margin:0 auto}.gestion-usuarios-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.gestion-usuarios-header h2{margin:0;font-size:24px;color:#1f2937}.btn-volver{background-color:#f3f4f6;color:#374151;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-volver:hover{background-color:#e5e7eb}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.success-message{background-color:#d1fae5;color:#065f46;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.gestion-usuarios-actions{margin-bottom:20px}.btn-nuevo-usuario{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-nuevo-usuario:hover{transform:scale(1.02)}.btn-nuevo-usuario:disabled{opacity:.6;cursor:not-allowed}.formulario-usuario{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:30px}.formulario-usuario h3{margin-top:0;margin-bottom:20px;font-size:20px;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.required{color:#ef4444}.form-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-guardar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-guardar:hover{transform:scale(1.02)}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#6b7280;font-size:16px}.usuarios-lista{margin-top:30px}.usuarios-lista h3{margin-bottom:20px;font-size:20px;color:#1f2937}.sin-usuarios{text-align:center;padding:40px;color:#6b7280;font-size:16px;background-color:#f9fafb;border-radius:8px}.usuarios-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.usuarios-table thead{background-color:#f9fafb}.usuarios-table th{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.usuarios-table td{padding:12px;font-size:14px;color:#1f2937;border-bottom:1px solid #e5e7eb}.usuarios-table tbody tr:hover{background-color:#f9fafb}.usuarios-table tbody tr:last-child td{border-bottom:none}.select-rol{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.select-rol:focus{outline:none;border-color:#667eea}.select-rol:disabled{background-color:#f3f4f6;cursor:not-allowed}.badge-rol{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-rol.badge-rol-trabajador{background-color:#dbeafe;color:#1e40af}.badge-rol.badge-rol-admin{background-color:#fef3c7;color:#92400e}@media (max-width: 768px){.usuarios-table{font-size:12px}.usuarios-table th,.usuarios-table td{padding:8px}}.mejoras-container{padding:16px;max-width:100%;min-height:100vh;background-color:#f5f5f5}.mejoras-header{margin-bottom:20px}.mejoras-header h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.loading,.error{padding:16px;text-align:center;font-size:16px}.error{background-color:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:16px}.mejoras-lista{display:flex;flex-direction:column;gap:16px}.contador-mejoras{font-size:14px;color:#6b7280;font-weight:600;margin-bottom:8px}.sin-mejoras{padding:40px 20px;text-align:center;color:#9ca3af;font-size:16px}.mejora-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #fbbf24}.mejora-header-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px;flex-wrap:wrap}.mejora-header-card h3{font-size:18px;font-weight:700;color:#1f2937;margin:0;flex:1;min-width:200px}.badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-mantenimiento{background-color:#fef3c7;color:#92400e}.badge-limpieza{background-color:#dbeafe;color:#1e40af}.badge-vigilantes{background-color:#fce7f3;color:#9f1239}.badge-dirección{background-color:#d1fae5;color:#065f46}.badge-general{background-color:#f3f4f6;color:#374151}.mejora-ubicacion{font-size:14px;color:#6b7280;margin:8px 0}.mejora-comentario-section,.mejora-texto-section{margin:12px 0;padding:12px;background-color:#f9fafb;border-radius:8px}.mejora-comentario-label,.mejora-texto-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.mejora-comentario,.mejora-texto{font-size:14px;color:#374151;line-height:1.5;margin:0;word-break:break-word}.mejora-texto-section{background-color:#fef3c7;border-left:3px solid #fbbf24}.mejora-texto{color:#92400e;font-weight:500}.mejora-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px}.mejora-autor{font-size:12px;color:#2563eb;font-weight:600}.mejora-fecha{font-size:12px;color:#9ca3af}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;padding-bottom:70px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.app-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.app-header-actions{display:flex;align-items:center;gap:8px}.btn-gestion-usuarios{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-gestion-usuarios:hover{background-color:#4b5563}.btn-gestion-usuarios.active{background-color:#374151}.btn-gestion-usuarios:active{transform:scale(.98)}.btn-mejoras{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-mejoras:hover{background-color:#d97706}.btn-mejoras.active{background-color:#b45309}.btn-mejoras:active{transform:scale(.98)}.btn-solucionadas{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-solucionadas:hover{background-color:#1d4ed8}.btn-solucionadas.active{background-color:#1e40af}.btn-solucionadas:active{transform:scale(.98)}.btn-logout{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-logout:hover{background-color:#dc2626}.btn-logout:active{transform:scale(.98)}.header-icon,.logout-icon{width:20px;height:20px}.app-content{flex:1;overflow-y:auto;padding-bottom:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;padding:8px 0;box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:8px 16px;cursor:pointer;color:#666;transition:color .2s;min-width:80px}.nav-button.active{color:#2563eb}.nav-icon{font-size:24px;margin-bottom:4px}.nav-label{font-size:12px;font-weight:500}@media (max-width: 768px){.app{padding-bottom:70px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100vh}@media (max-width: 768px){body{font-size:16px}input,textarea,select{font-size:16px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}