:root{--color-bg-dark: hsl(209, 100%, 23%);--color-box-bg: rgba(255, 255, 255, .9);--color-primary: #00A8E8;--color-input-bg: #fff;--color-input-text: #003B73;--color-input-border: #ccc;--color-input-border-focus: var(--color-primary);--color-btn-bg: var(--color-primary);--color-btn-text: #fff;--color-title: var(--color-primary);--color-box-shadow: rgba(0, 168, 232, .3);--color-btn-bg-hover: #008fcc}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;background-color:var(--color-bg-dark)}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(https://wallpapers.com/images/hd/fish-tank-background-48chqpdq3wra94tf.jpg);background-size:cover;background-position:center;position:relative;padding:20px}.login-container:before{content:"";position:absolute;inset:0;background-color:#00284699;z-index:0}.login-box{position:relative;z-index:1;background:var(--color-box-bg);padding:40px 30px 30px;border-radius:15px;box-shadow:0 8px 20px var(--color-box-shadow);display:flex;flex-direction:column;width:100%;max-width:380px;transition:transform .3s ease}.login-box:hover{transform:translateY(-5px)}.login-box h2{color:var(--color-title);margin-bottom:25px;text-align:center;font-size:1.8rem;letter-spacing:1.2px;font-weight:700}.input-group{position:relative;margin-bottom:20px}.input-group .icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--color-input-border);font-size:1.2rem;pointer-events:none;transition:color .3s ease}.input-group input{width:100%;padding:12px 15px 12px 45px;border:1.8px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.input-group input::placeholder{color:#999}.input-group input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 8px var(--color-input-border-focus)}.input-group input:focus+.icon,.input-group input:not(:placeholder-shown)+.icon{color:var(--color-input-border-focus)}.login-box button{padding:12px;background-color:var(--color-btn-bg);border:none;border-radius:8px;color:var(--color-btn-text);font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00a8e866}.login-box button:hover{background-color:var(--color-btn-bg-hover);box-shadow:0 6px 16px #008fccb3}@media (max-width: 400px){.login-box{padding:30px 20px 20px;width:100%}.login-box h2{font-size:1.5rem}.login-box button{font-size:1rem}}:root{--color-primary: #00A8E8;--color-primary-dark: #003B73;--color-white: #FFFFFF}.navbar{background:var(--color-primary);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.navbar h1{margin:0;color:var(--color-white)}.nav-links a{color:var(--color-white);margin-left:15px;text-decoration:none;font-weight:700;transition:color .3s ease}.nav-links a:hover{color:var(--color-primary-dark)}.nav-links a.active{color:var(--color-primary-dark);border-bottom:2px solid var(--color-white)}.btn-logout{background:transparent;border:none;color:#fff;cursor:pointer;margin-left:1rem;font-size:1rem}.btn-logout:hover{color:#ff4d4f}.dashboard-container{background-color:#e0e0e0;color:#003b73;min-height:100vh}.dashboard-content{padding:50px}table{width:100%;border-collapse:collapse;background:#fff;color:#000;border-radius:8px;overflow:hidden}th,td{padding:12px;border:1px solid #ccc;text-align:center}th{background-color:#00212e;color:#fff}thead tr th{background-color:#00a8e8;color:#fff}.estado-normal{color:green;font-weight:700}.estado-alerta{color:red;font-weight:700}.btn-flotante{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#00a8e8;color:#fff;font-size:28px;font-weight:700;border:none;border-radius:50%;box-shadow:0 0 12px #000;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.btn-flotante:hover{background-color:#44e0d0}.modal-fondo{position:fixed;top:0;left:0;background:#000;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999}.form-popup{background:#003b73;padding:20px;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:10px;width:300px;box-shadow:0 0 10px #003b73}.form-popup input::placeholder,.form-popup select::placeholder{color:#ccc}.form-popup button{background:#00a8e8;color:#000;padding:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.form-popup button:hover{background:#44e0d0}.form-popup .cerrar-btn{background:#c0392b;color:#fff;padding:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.form-popup .cerrar-btn:hover{background:#c0392b}.form-popup label{color:#fff;margin-top:10px;display:block}.form-popup input,.form-popup select{padding:8px;border-radius:5px;border:none;background:#003b73;color:#fff}.form-popup input::placeholder{color:#ccc}.form-popup select{background:#003b73;color:#fff;font-weight:700;cursor:pointer}.form-popup select option{background:#003b73;color:#fff}.form-popup select option:hover{background:#44e0d0}:root{--color-bg: #E0E0E0;--color-text: #003B73;--color-primary-dark: #003B73;--color-primary: #00A8E8;--color-accent: #44E0D0;--color-warning: #FFA500;--color-danger: #FF4C4C;--color-info: #00A8E8}body{background-color:var(--color-bg);margin:0;font-family:Arial,sans-serif}.alertas-container{background-color:var(--color-bg);min-height:100vh;padding-bottom:40px}.alertas-tabla-contenido{max-width:1250px;margin:0 auto;padding:50px 0}.titulo-alerta{font-size:25px;color:var(--color-primary-dark);margin-bottom:20px;text-align:left}.tabla-alertas{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;overflow:hidden}.tabla-alertas th,.tabla-alertas td{padding:12px 16px;text-align:center;border-bottom:1px solid #ddd;color:var(--color-primary-dark)}.tabla-alertas th{background-color:var(--color-primary);color:#fff;font-weight:700}.alerta-link{color:var(--color-primary-dark);font-weight:700;text-decoration:none}.alerta-link:hover{text-decoration:underline;color:var(--color-accent)}.nivel-crítico{color:var(--color-danger);font-weight:700}.nivel-advertencia{color:var(--color-warning);font-weight:700}.nivel-información{color:var(--color-info);font-weight:700}:root{--color-bg: #E0E0E0;--color-text: #003B73;--color-primary: #00A8E8;--color-primary-dark: #003B73;--color-accent: #44E0D0;--color-btn-text: #000000;--color-white: #FFFFFF;--color-gray-light: #ccc;--color-gray-dark: #333;--color-black-dark: #111;--color-btn-flotante-bg: #44E0D0;--color-btn-flotante-hover: #39c9bb}.informes-container{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Arial,sans-serif}.informes-header{padding:50px}.barra-superior{display:flex;justify-content:space-between;align-items:center;background:var(--color-primary);padding:10px;border-radius:8px;margin-top:0}.barra-superior input,.barra-superior select{padding:8px;border-radius:5px;border:none;font-weight:700}.barra-superior input{flex:1;margin-right:10px}.barra-superior select{background:var(--color-white);cursor:pointer;color:var(--color-primary-dark)}.btn-agregar{background:var(--color-primary-dark);color:var(--color-white);padding:8px 12px;border:none;border-radius:5px;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.btn-agregar:hover{background:var(--color-accent)}.lista-informes{padding:10px 20px}.item-informe{background:var(--color-black-dark);color:var(--color-white);display:flex;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--color-gray-dark);text-decoration:none}.item-informe img{width:50px;height:50px}.item-informe .flecha{margin-left:auto;font-size:20px;color:var(--color-gray-light)}.btn-flotante{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:var(--color-btn-flotante-bg);color:var(--color-text);font-size:28px;font-weight:700;border:none;border-radius:50%;box-shadow:0 0 12px #44e0d066;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s ease}.btn-flotante:hover{background-color:var(--color-btn-flotante-hover)}.paginacion{text-align:center;margin-top:15px;padding-bottom:70px}.paginacion button{margin:0 10px;padding:8px 12px;background:var(--color-primary);color:var(--color-btn-text);border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.paginacion button:hover{background:var(--color-accent)}.paginacion span{font-weight:700;color:var(--color-gray-light)}.item-informe{background:#fff;color:#003b73;display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--color-gray-dark);text-decoration:none;position:relative}.acciones-informe{display:flex;align-items:center;gap:10px;margin-left:auto}.btn-descargar{color:var(--color-accent);background:none;border:none;cursor:pointer;padding:5px}.btn-descargar:hover{color:var(--color-primary)}.btn-eliminar{color:#ff6b6b;background:none;border:none;cursor:pointer;padding:5px}.btn-eliminar:hover{color:#ff5252}.flecha{color:var(--color-gray-light);font-size:20px;margin-left:10px}.navbar{width:100%;height:60px;background-color:#003b73;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 4px 10px #55212140;color:#fff;position:fixed;top:0;left:0;z-index:1000;font-size:1rem}.navbar-logo{font-size:1.2rem;font-weight:700;white-space:nowrap}.navbar-opciones{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;overflow-x:auto;max-width:75vw}.navbar-opciones .opcion{display:flex;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap;cursor:pointer;transition:transform .2s ease;color:#fff}.navbar-opciones .opcion i{font-size:1rem}.navbar-opciones .opcion:hover{transform:scale(1.05)}.usuario-container{min-height:100vh;padding:80px 20px 40px;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;gap:20px}.titulo-con-boton{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;flex-wrap:wrap}.titulo-con-boton h2{margin:0;font-size:2rem;color:#003b73;text-align:center}.btn-agregar-top{background:#00a8e8;color:#fff;padding:10px 20px;border-radius:10px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease;box-shadow:0 4px 8px #00a8e866}.btn-agregar-top:hover,.btn-agregar-top:focus-visible{background:#44e0d0;outline:none}ul{list-style:none;padding:0;width:100%}li{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;margin-bottom:15px;border-radius:12px;font-weight:600;font-size:1.15rem;color:#003b73;box-shadow:0 2px 10px #0000001f;overflow:hidden;flex-wrap:wrap}.rol-icon{font-size:2rem;margin-right:10px;flex-shrink:0}.usuario-info{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.acciones-usuario{display:flex;gap:10px}.btn-actualizar{background-color:#28b463;color:#fff;padding:10px 18px;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}.btn-actualizar:hover,.btn-actualizar:focus-visible{background-color:#1d8348;outline:none}.btn-eliminar{background-color:#c0392b;color:#fff;padding:10px 18px;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}.btn-eliminar:hover,.btn-eliminar:focus-visible{background-color:#a93226;outline:none}form-popup{background-color:var(--light);padding:30px 32px;border-radius:10px;width:90%;max-width:420px;box-shadow:0 4px 20px #00000040;box-sizing:border-box}.form-popup input,.form-popup select{background:var(--light);border:1.8px solid var(--primary);color:var(--text-dark);padding:14px;border-radius:8px;font-size:1.05rem;font-weight:600;transition:box-shadow .3s ease,border-color .3s ease;width:100%;box-sizing:border-box}.form-popup input:focus,.form-popup select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.form-popup select{cursor:pointer}.form-popup option{background:var(--light);color:var(--text-dark)}.form-popup button{background:var(--primary);color:var(--light);padding:14px;border-radius:10px;border:none;font-weight:700;cursor:pointer;font-size:1.1rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.form-popup button:hover{background:var(--accent)}.form-popup .cerrar-btn{background-color:#e74c3c;margin-top:12px;justify-content:center}.form-popup .cerrar-btn:hover{background-color:#c0392b}@media (max-width: 768px){.usuario-container{padding-left:10px;padding-right:10px}li{flex-direction:column;align-items:flex-start}.btn-eliminar,.btn-actualizar{align-self:flex-end;margin-top:10px}.navbar{flex-direction:column;height:auto;padding:8px;gap:6px}.navbar-logo{font-size:.9rem}.navbar-opciones{max-width:100%;overflow-x:auto;justify-content:center}.navbar-opciones .opcion{font-size:.85rem}.navbar-opciones .opcion i{font-size:.9rem}.titulo-con-boton{flex-direction:column;align-items:flex-start}.btn-agregar-top{align-self:stretch;text-align:center;margin-top:10px}}body,html{background-color:var(--color-bg);height:100%;margin:0;padding:0}.lista-peceras-container{background-color:var(--background-light);min-height:100vh;padding:70px 40px;font-family:Arial,sans-serif;color:var(--text-dark)}.titulo-con-boton{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.titulo-con-boton h2{margin:0;font-weight:700;font-size:28px;color:var(--primary-dark)}.btn-agregar-top{background-color:var(--primary-dark);color:var(--light);padding:10px 16px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:8px}.btn-agregar-top:hover{background-color:var(--accent)}.tabla-peceras{width:100%;border-collapse:collapse;background-color:var(--light);box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden;font-size:16px;color:var(--text-dark)}.tabla-peceras thead tr{background-color:var(--primary);color:var(--text-light);font-weight:600}.tabla-peceras th,.tabla-peceras td{padding:14px 18px;text-align:center;border-bottom:1px solid #ccc}.tabla-peceras tbody tr:hover{background-color:#f0f8ff}.tabla-peceras button{padding:6px 14px;border:none;border-radius:5px;font-weight:600;cursor:pointer;margin-right:8px;transition:background-color .2s ease;color:var(--light)}.tabla-peceras button:hover{opacity:.85}.btn-editar{background-color:#28a745}.btn-editar:hover{background-color:#218838}.btn-eliminar{background-color:#dc3545}.btn-eliminar:hover{background-color:#c82333}.modal-fondo{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.form-popup{background-color:var(--light);padding:30px 32px;border-radius:10px;width:90%;max-width:420px;box-shadow:0 4px 20px #00000040;box-sizing:border-box}.form-popup h3{margin-bottom:20px;color:var(--primary-dark);font-weight:700;text-align:center}.form-popup label{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--primary-dark);margin-bottom:12px}.form-popup label input{flex:1;padding:10px 14px;border-radius:6px;border:1.8px solid #ccc;font-size:15px;transition:border-color .3s ease}.form-popup label input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 6px var(--accent)}.botones-formulario{display:flex;justify-content:space-between;margin-top:26px}.botones-formulario button{padding:12px 22px;border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:background-color .25s ease;flex:1;margin:0 6px;color:var(--light)}.botones-formulario button:first-child{background-color:var(--primary-dark)}.botones-formulario button:first-child:hover{background-color:var(--accent)}.botones-formulario button:last-child{background-color:#dc3545}.botones-formulario button:last-child:hover{background-color:#c82333}.form-editar .botones-formulario{justify-content:center!important}.form-agregar .botones-formulario{justify-content:center}.form-agregar .botones-formulario button{padding:14px 24px;font-size:17px}.alerta-detalle-container{background-color:#e0e0e0;color:#003b73;min-height:100vh;font-family:Arial,sans-serif}.alerta-box{display:flex;background:#003b73;padding:30px;margin:30px auto;width:85%;border-radius:12px;gap:20px;box-shadow:0 0 12px #00a8e84d;color:#fff}.alerta-box img{width:100px;height:100px}.alerta-info{flex:1}.alerta-info h2{margin-top:0;font-size:22px;color:#fff}.alerta-info .sub{color:#ccc;margin-bottom:10px}.botones{display:flex;gap:10px;margin:10px 0}.botones button{background:#00a8e8;border:none;padding:8px 14px;border-radius:5px;font-weight:700;cursor:pointer;color:#fff;transition:background .2s ease}.botones button:hover{background:#44e0d0}.botones .clara{background:orange;color:#000}.botones .editar{background:#e0e0e0;color:#000}.alerta-info label{margin-top:10px;display:block;color:#fff}.detalle-container{display:flex;min-height:100vh}.detalle-content{flex:1;padding:20px;max-width:1200px;margin:0 auto}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.btn-generar-reporte{background:#00a8e8;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s;display:flex;align-items:center;gap:8px}.btn-generar-reporte:hover{background:#0077b6}.ubicacion{color:#666;font-size:1.1rem;margin-bottom:10px}.status-container{display:flex;align-items:center;gap:20px;margin-bottom:30px}.status-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem}.status-badge.normal{background-color:#e8f5e9;color:#2e7d32}.status-badge.alerta{background-color:#ffebee;color:#c62828}.last-update{color:#666;font-size:.9rem}.current-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.reading-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.reading-card h3{margin-top:0;color:#444;font-size:1.1rem}.reading-value{font-size:2rem;font-weight:700;margin:10px 0;color:#333}.reading-range{color:#666;font-size:.9rem;margin:0}.charts-container{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}.chart-wrapper{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.chart-wrapper h3{margin-top:0;margin-bottom:20px;color:#444}.chart-container{height:300px;position:relative}.measurements-table{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.measurements-table h3{margin-top:0;color:#444}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f5f5f5;font-weight:500;color:#555}tr:hover{background-color:#f9f9f9}.out-of-range{color:#c62828;font-weight:700}.modal-fondo{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.report-content{background:#fff;padding:20px;border-radius:10px}.report-content .chart-container{height:250px}.report-content table{width:100%;margin-top:20px}.report-content h1,.report-content h2,.report-content h3{color:#003b73}@media (max-width: 768px){.current-readings{grid-template-columns:1fr}.reading-value{font-size:1.8rem}.report-header{flex-direction:column;align-items:flex-start}}.generar-reporte-form{background:#fff;padding:25px;border-radius:10px;box-shadow:0 0 15px #0000001a;max-width:500px;margin:20px auto}.generar-reporte-form h3{margin-top:0;color:#003b73;text-align:center;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;color:#003b73}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-actions{display:flex;justify-content:space-between;margin-top:30px}.btn-generar{background:#00a8e8;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:background .3s}.btn-generar:hover{background:#0077b6}.btn-cancelar{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s}.btn-cancelar:hover{background:#e0e0e0}:root{--color-bg-dark: #121212;--color-box-bg: #1f1f1f;--color-text: #FFFFFF;--color-primary: #00A8E8;--color-accent: #44E0D0;--color-shadow: #00A8E866}.perfil-detalle-container{background:var(--color-bg-dark);color:var(--color-text);min-height:100vh;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.perfil-detalle-box{margin-top:50px;background:var(--color-box-bg);padding:30px;border-radius:12px;width:320px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px var(--color-shadow)}.perfil-img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px}.perfil-icono{font-size:60px;margin-bottom:15px;color:var(--color-primary)}.perfil-detalle-box button{margin-top:20px;background:var(--color-primary);border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;color:#fff;transition:background-color .3s ease}.perfil-detalle-box button:hover{background:var(--color-accent)}:root{--color-bg: #E0E0E0;--color-text: #003B73;--color-box-bg: #FFFFFF;--color-shadow: #00A8E866;--color-btn-bg: #00A8E8;--color-btn-text: #000000;--color-btn-hover-bg: #44E0D0}.detalle-informe-container{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Arial,sans-serif}.detalle-box{background:var(--color-box-bg);padding:30px;max-width:700px;margin:40px auto;border-radius:10px;box-shadow:0 0 10px var(--color-shadow);color:var(--color-text)}.detalle-box img{width:100px;display:block;margin:0 auto 10px}.botones{display:flex;justify-content:space-around;margin:20px 0}.botones button{padding:10px;background:var(--color-btn-bg);color:var(--color-btn-text);border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.botones button:hover{background:var(--color-btn-hover-bg)}.btn-descargar{background:var(--color-btn-bg);color:var(--color-btn-text);padding:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block}.btn-descargar:hover{background:var(--color-btn-hover-bg)}.pdf-preview{margin-top:30px;background:#f5f5f5;padding:15px;border-radius:5px}.pdf-preview h3{margin-top:0;color:var(--color-text)}:root{--primary-dark: #003B73;--primary: #00A8E8;--accent: #44E0D0;--light: #ffffff;--background-light: #e0e0e0;--text-dark: #1a1a1a;--text-light: #ffffff}.perfil-container{display:flex;min-height:100vh}.perfil-content{flex:1;padding:20px;max-width:800px;margin:0 auto}.perfil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.edit-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:1em}.edit-button:hover{background-color:#45a049}.perfil-info{display:flex;gap:30px;align-items:flex-start}.perfil-foto img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #eee}.perfil-datos{flex:1}.perfil-datos p{font-size:1.1em;margin-bottom:15px}.editar-usuario-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.editar-usuario-form h2{margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1em}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.cancel-button{background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.error-message{color:#f44336;margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:4px}:root{--color-bg: #E0E0E0;--color-text: #FFFFFF;--color-primary-dark: #003B73;--color-primary: #00A8E8;--color-accent: #44E0D0;--color-link: #00A8E8}body{margin:0;font-family:Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-accent)}.dashboard-container{background-color:var(--color-bg);color:var(--color-primary-dark);min-height:100vh}