.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to right,#ff0314,#03c)}.login-box{background:#fff;padding:30px;width:350px;text-align:center;border-radius:10px;box-shadow:0 4px 8px #0003}.login-box label{display:block;font-weight:700;margin:10px 0 5px;text-align:left}.login-box input{width:100%;padding:8px;border:2px solid #0033cc;border-radius:5px;font-size:1rem}.login-btn{width:100%;padding:12px;font-size:1.1rem;border:none;cursor:pointer;border-radius:5px;background-color:#ff0314;color:#fff;font-weight:700;margin-top:15px}.login-btn:hover{background-color:#8b0000}.error-message{color:red;font-weight:700;margin-bottom:10px}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}.sidebar{width:250px;background:#222;color:#fff;padding:20px}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:15px 0}.sidebar a{text-decoration:none;color:#fff}.content{padding:20px;flex:1}body{font-family:Arial,sans-serif;background:#f5f5f5;color:#333;margin:0}.dashboard{display:flex}.content{flex-grow:1;padding:20px;background:#fff}.stats-container{display:flex;justify-content:space-between;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,red,#00f);color:#fff;padding:20px;border-radius:8px;flex:1;text-align:center;margin:10px;font-size:1.2rem}.charts-container{display:flex;justify-content:space-between;margin-bottom:20px}.chart{width:48%;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.solicitudes-container{background:#fff;padding:20px;border-radius:8px}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border-bottom:1px solid #ddd;padding:10px;text-align:left}th{background:#00f;color:#fff}.user-management{display:flex;font-family:Arial,sans-serif}.content{flex-grow:1;padding:20px;background:#f9f9f9;min-height:100vh}h1{color:#1a237e;font-size:24px;margin-bottom:20px}.user-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.user-table th{background:#d32f2f;color:#fff;padding:12px;text-align:left}.user-table td{padding:10px;border-bottom:1px solid #ddd}.user-table tr:hover{background:#e3f2fd}.btn-ver,.btn-editar,.btn-eliminar{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-right:5px}.btn-ver{background:#1976d2;color:#fff}.btn-editar{background:#ffa000;color:#fff}.btn-eliminar{background:#d32f2f;color:#fff}.btn-ver:hover{background:#1565c0}.btn-editar:hover{background:#ff8f00}.btn-eliminar:hover{background:#b71c1c}.estado-activo{color:#2e7d32;font-weight:700}.estado-suspendido{color:#d32f2f;font-weight:700}.filtros-container{display:flex;gap:10px;margin-bottom:20px}.filtros-container select,.filtros-container input{padding:8px;font-size:14px;border:1px solid #ddd;border-radius:5px}.filters{display:flex;justify-content:space-between;margin-bottom:20px}.input-search{width:60%;padding:10px;border:2px solid blue;border-radius:5px;font-size:1rem}.filter-select{padding:10px;border:2px solid red;border-radius:5px;font-size:1rem}.service-table{width:100%;border-collapse:collapse}.service-table th,.service-table td{padding:10px;text-align:left;border-bottom:2px solid #ddd}.service-table th{background-color:red;color:#fff}.estado.en-proceso{background-color:#00f;color:#fff}.estado.completado{background-color:green;color:#fff}.btn-approve,.btn-reject,.btn-complete{padding:8px 12px;margin-right:10px;border:none;cursor:pointer;font-size:.9rem;border-radius:5px}.btn-reject{background-color:red;color:#fff}.btn-complete{background-color:green;color:#fff}.comision-config{margin-bottom:20px}.comision-input{width:100px;padding:10px;border:2px solid blue;border-radius:5px;font-size:1rem;margin-left:10px}.commission-table{width:100%;border-collapse:collapse}.commission-table th,.commission-table td{padding:10px;text-align:left;border-bottom:2px solid #ddd}.commission-table th{background-color:red;color:#fff}.estado.pagado{background-color:green;color:#fff}.estado.atrasado{background-color:red;color:#fff}.estado.prórroga{background-color:orange;color:#fff}.btn-approve,.btn-prorroga{padding:8px 12px;margin-right:10px;border:none;cursor:pointer;font-size:.9rem;border-radius:5px}.btn-approve{background-color:#00f;color:#fff}.btn-prorroga{background-color:orange;color:#fff}.btn-exportar{background-color:red;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:5px;margin-bottom:20px}.btn-exportar:hover{background-color:#8b0000}.payment-table{width:100%;border-collapse:collapse}.payment-table th,.payment-table td{padding:10px;text-align:left;border-bottom:2px solid #ddd}.payment-table th{background-color:red;color:#fff}.estado.aprobado{background-color:green;color:#fff}.estado.rechazado{background-color:red;color:#fff}.btn-approve{padding:8px 12px;margin-right:10px;border:none;cursor:pointer;font-size:.9rem;border-radius:5px;background-color:#00f;color:#fff}.btn-approve:hover{background-color:#00008b}.filtro-container{margin-bottom:20px;display:flex;align-items:center}.filtro-container label{margin-right:10px}.filtro-container select{padding:8px;border-radius:5px;border:2px solid blue;font-size:1rem}.support-table{width:100%;border-collapse:collapse}.support-table th,.support-table td{padding:10px;text-align:left;border-bottom:2px solid #ddd}.support-table th{background-color:red;color:#fff}.estado{font-weight:700;padding:5px 10px;border-radius:5px}.estado.pendiente{background-color:#ff0;color:#000}.estado["en proceso"]{background-color:#00f;color:#fff}.estado.resuelto{background-color:green;color:#fff}.btn-process{padding:8px 12px;margin-right:10px;border:none;cursor:pointer;font-size:.9rem;border-radius:5px;background-color:#00f;color:#fff}.btn-process:hover{background-color:#00008b}.btn-resolved{padding:8px 12px;border:none;cursor:pointer;font-size:.9rem;border-radius:5px;background-color:green;color:#fff}.btn-resolved:hover{background-color:#006400}.no-results{text-align:center;font-style:italic}.config-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px;border:1px solid blue;border-radius:5px}.config-section label{font-weight:700;font-size:1rem}.config-section input,.config-section select{padding:8px;border:2px solid red;border-radius:5px;font-size:1rem}.btn-save{width:100%;padding:12px;font-size:1.1rem;border:none;cursor:pointer;border-radius:5px;background-color:red;color:#fff;font-weight:700}.btn-save:hover{background-color:#8b0000}.profile-section{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.profile-section p{font-size:16px;margin:8px 0}.btn-back{margin-top:20px;padding:10px 15px;background-color:#036;color:#fff;border:none;border-radius:5px;cursor:pointer}.services-list{display:flex;flex-wrap:wrap;gap:10px}.service-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;width:300px;box-shadow:0 2px 5px #0000001a}.service-card p{margin:5px 0;font-size:14px}.btn-back{margin-top:20px;padding:10px 15px;background-color:#036;color:#fff;border:none;border-radius:5px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.btn-back:hover{background-color:#025}.btn-ver,.btn-estado,.btn-volver{padding:8px 12px;margin:5px;border:none;cursor:pointer;border-radius:5px;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.btn-estado{background-color:orange;color:#fff}.btn-volver{background-color:#dc3545;color:#fff}.btn-ver:hover,.btn-estado:hover,.btn-volver:hover{opacity:.8}.profile-section{padding:20px;background:#fff;border-radius:8px;margin-top:10px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.estadoActivo{color:green;font-weight:700}.estadoSuspendido{color:red;font-weight:700}.btn-ver,.btn-editar,.btn-eliminar,.btn-orden{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;margin-right:5px;transition:all .3s}.btn-ver{background-color:#007bff;color:#fff}.btn-editar{background-color:#ffc107;color:#000}.btn-eliminar{background-color:#dc3545;color:#fff}.btn-orden{background-color:#6c757d;color:#fff}.btn-ver:hover{background-color:#0056b3}.btn-editar:hover{background-color:#e0a800}.btn-eliminar:hover{background-color:#c82333}.btn-orden:hover{background-color:#5a6268}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;text-align:center;box-shadow:0 2px 10px #0003;max-height:80vh;overflow-y:auto;overflow-x:hidden}.modal-content h2{margin-bottom:15px;color:#333}.modal-content input,.modal-content select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px}.modal-content button{width:48%;padding:10px;border:none;border-radius:5px;cursor:pointer;margin:5px;font-weight:700;transition:.3s}.modal-content button:first-child{background-color:#28a745;color:#fff}.modal-content button:last-child{background-color:#dc3545;color:#fff}.modal-content button:first-child:hover{background-color:#218838}.modal-content button:last-child:hover{background-color:#c82333}.modal-content img{width:100px;height:100px;object-fit:cover;border-radius:5px;margin-top:10px;border:2px solid #ddd}@media (max-width: 768px){.content{padding:15px;margin:10px}.table th,.table td{padding:10px;font-size:14px}.modal-content{width:95%}.input-busqueda{width:100%;max-width:400px;padding:10px 15px;font-size:16px;border:2px solid #ddd;border-radius:8px;outline:none;transition:all .3s ease-in-out;margin-bottom:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.input-busqueda:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}.btn-agregar{background-color:#28a745;color:#fff;padding:10px 20px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;gap:8px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.btn-agregar:hover{background-color:#218838;transform:scale(1.05)}}.chat-container{display:flex;flex-direction:column;gap:8px;max-width:250px}.chat-message{display:flex;flex-direction:column}.chat-bubble{padding:10px;border-radius:10px;max-width:80%;word-wrap:break-word;font-size:14px;position:relative}.chat-label{font-weight:700;display:block}.chat-time{font-size:12px;color:#666;margin-top:4px;display:block;text-align:right}.client{background-color:#d1e7fd;color:#004085;align-self:flex-start}.provider{background-color:#d4edda;color:#155724;align-self:flex-end}.no-notes{background-color:#f0f0f0;color:#757575;text-align:center}.btn-flecha{background-color:#1e3a8a;color:#fff;border:none;padding:8px 12px;cursor:pointer;font-size:18px;margin:0 5px;border-radius:8px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px #00000026}.btn-flecha:hover{background-color:#3b82f6;transform:translateY(-2px)}.btn-flecha:active{background-color:#60a5fa;transform:translateY(1px)}.paginacion{display:flex;justify-content:center;align-items:center;margin-top:20px}.paginacion button{background-color:#1e3a8a;border:1px solid #ccc;padding:8px 16px;margin:0 4px;cursor:pointer;font-size:16px;color:#fff;border-radius:4px;transition:background-color .3s ease}.paginacion button:hover{background-color:#3b82f6}.paginacion button.active{background-color:#60a5fa;color:#fff;border:1px solid #4caf50}.paginacion button:disabled{background-color:#e0e0e0;color:#888;cursor:not-allowed}.perfil-imagen{width:80px;height:80px;border-radius:50%;object-fit:cover}.container{max-width:400px;margin:2rem auto;padding:1.5rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a}h2{text-align:center;margin-bottom:1.5rem}.form-control{margin-bottom:1rem}label{display:block;font-weight:500;margin-bottom:.5rem}input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;font-size:.875rem;margin-bottom:1rem}.success-message{color:green;font-size:.875rem;margin-bottom:1rem}