:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;min-height:100%;margin:0;padding:0;overflow:auto}#root{min-height:100vh;min-width:100vw;max-width:1280px;margin:0 auto;padding:2rem;box-sizing:border-box;text-align:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-coral: #0e1016;--color-arena: rgb(76, 134, 221);--color-arena-claro: #86b3f3;--color-gris: #CFCFCF;--color-rojo-alerta: #D7263D;--color-menta: #A8DADC;--color-texto-principal: #2D2D2D;--color-fondo: var(--color-arena)}body{font-family:Segoe UI,sans-serif;margin:0;padding:0;color:var(--color-texto-principal);animation:fadeIn .4s ease-in-out;background:radial-gradient(circle at top left,rgba(134,179,243,.2),transparent 70%),radial-gradient(circle at bottom right,rgba(76,134,221,.3),transparent 80%),linear-gradient(135deg,var(--color-fondo),var(--color-arena-claro));background-repeat:no-repeat;background-attachment:fixed;background-size:cover;box-shadow:inset 0 0 70px #00000026}h1,h2,h3{color:var(--color-coral);text-shadow:1px 1px 3px rgba(0,0,0,.3)}button{background:linear-gradient(145deg,var(--color-coral),#121318);color:#fff;border:none;padding:.7em 1.5em;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 12px #0006,inset 0 -3px 5px #ffffff1a;font-weight:600}button:hover{background:linear-gradient(145deg,var(--color-rojo-alerta),#b02032);box-shadow:0 8px 16px #00000080,inset 0 -3px 7px #ffffff26}.boton-home-superior{display:inline-block;position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--color-menta);color:var(--color-texto-principal);padding:.5rem 1rem;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;z-index:1000;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,color .3s ease;border:none}.boton-home-superior:hover{background-color:#2d3142;color:#fff}.card{background-color:#ffffff2e;border:1px solid rgba(207,207,207,.5);border-radius:16px;padding:2em;margin:2em 0;box-shadow:0 8px 24px #00000040,inset 0 0 15px #ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:0 12px 32px #00000059,inset 0 0 20px #ffffff40;transform:translateY(-5px)}.alerta{background-color:var(--color-rojo-alerta);color:#fff;padding:.5em 1em;border-radius:6px;box-shadow:0 2px 8px #d7263db3;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background-color:#2d2d2d4d;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#2d2d2d80}@media (max-width: 768px){.card{padding:1em;margin:1em 0}.boton-home-superior{top:.5rem;padding:.4rem .8rem;font-size:.9rem}button{padding:.5em 1em;font-size:.9rem}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}}.home-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:2rem;box-sizing:border-box}.home-container h1{font-size:3rem;color:var(--color-coral);margin:0}.home-container h2{font-size:1.8rem;color:var(--color-texto-principal);margin:0}.home-container p{font-size:1rem;color:var(--color-texto-principal);max-width:500px}.home-container a{text-decoration:none;width:100%;max-width:200px}.home-container button{width:100%;padding:.75em 1em;font-size:1rem;background-color:var(--color-coral);color:#fff;border:none;border-radius:8px;transition:background-color .3s ease}.home-container button:hover{background-color:var(--color-rojo-alerta)}.config-cuadrante-form-container{width:100%;max-width:400px;margin:0 auto;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;animation:fadeIn .5s ease-out;max-height:80vh;overflow-y:auto;margin-top:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.config-cuadrante-form-container h2{color:var(--color-coral);font-size:1.5rem;text-align:center}.config-cuadrante-form-container form{display:flex;flex-direction:column;gap:1rem}.config-cuadrante-form-container label{font-weight:600;color:var(--color-texto-principal);margin-bottom:.25rem;display:block}.config-cuadrante-form-container input{width:100%;padding:.5em;font-size:1rem;border:1px solid var(--color-gris);border-radius:6px;box-sizing:border-box;transition:border .2s ease}.config-cuadrante-form-container input:focus{outline:none;border:2px solid var(--color-menta)}.config-cuadrante-form-container button[type=submit]{margin-top:1rem;padding:.75em 1em;background-color:var(--color-coral);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.config-cuadrante-form-container button[type=submit]:hover{background-color:var(--color-rojo-alerta)}.config-cuadrante-form-container p{margin:.5rem 0 0;font-weight:500;text-align:center;opacity:0;animation:fadeInMessage .3s ease forwards}@keyframes fadeInMessage{to{opacity:1}}.config-cuadrante-form-container p.success{color:green}.config-cuadrante-form-container p.error{color:red}.config-cuadrante-form-container button+button{margin-top:1.5rem;background-color:var(--color-menta);color:var(--color-texto-principal);transition:background-color .3s ease}.config-cuadrante-form-container button+button:hover{background-color:var(--color-coral);color:#fff}.usuarios-form{list-style-type:none;padding-left:0;margin:0}.usuarios-form li{margin-bottom:1rem}.pagina-config-cuadrante{max-width:480px;margin:0 auto;padding-top:3rem;padding-inline:2rem;display:flex;flex-direction:column;gap:2rem;align-items:center;box-sizing:border-box}.config-cuadrante-form{margin-top:-1rem}.boton-siguiente-superior{position:fixed;top:1rem;right:1rem;background-color:#2d3142;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;z-index:1000;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease}.boton-siguiente-superior:hover{background-color:#d7263d}.generar-cuadrante-container{max-width:480px;margin:0 auto;padding-top:1.5rem;padding-inline:2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative}.generar-cuadrante-container h2{margin-top:0;margin-bottom:3rem;font-size:2.4rem;text-align:center}.generar-cuadrante-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.loading-message{color:#555;font-weight:700;margin-top:10px}.success-message{color:green;margin-top:10px;font-weight:700}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}.generar-cuadrante-container{max-width:480px;margin:0 auto;padding-top:1rem;padding-inline:2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative}.boton-atras-superior{position:fixed;top:1rem;left:1rem;background-color:#2d3142;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;text-decoration:none;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease;z-index:1000}.boton-atras-superior:hover{background-color:#d7263d}.boton-ver-cuadrante{position:fixed;top:1rem;right:1rem;background-color:#2d3142;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;text-decoration:none;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease;z-index:1000}.boton-ver-cuadrante:hover{background-color:#d7263d}.usuario-list{width:100%;overflow-x:auto;overflow-y:auto;max-height:75vh;padding:1rem;box-sizing:border-box;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;animation:fadeIn .5s ease-out;margin-top:2.5rem}.usuario-list h2{text-align:center;color:var(--color-coral);margin-bottom:1rem}.usuario-list table{width:100%;border-collapse:collapse;min-width:800px}.usuario-list th,.usuario-list td{padding:.75rem;text-align:left;border:1px solid #ddd}.usuario-list th{background-color:#f9f9f9;font-weight:600;color:#555}.usuario-nombre,.usuario-apellido{font-weight:600;color:#444}.usuario-rol{font-weight:600;padding:.25rem .5rem;border-radius:6px;display:inline-block;text-align:center;text-transform:uppercase}.rol-coordinador{background-color:#ffd1d1;color:#a80000}.rol-adjunto{background-color:#ffecc1;color:#9c7800}.rol-patron{background-color:#d1ecff;color:#005b94}.rol-supervisor{background-color:#d8ffd8;color:#017f01}.rol-socorrista{background-color:#f0f0f0;color:#333}.mostrar-cuadrante-container{max-width:480px;margin:0 auto;padding-top:1rem;padding-inline:2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative}.mostrar-cuadrante-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.mostrar-cuadrante-form label{padding:.5rem}.mostrar-cuadrante-form input{padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;width:100%;max-width:300px}.mostrar-cuadrante-button{padding:.75rem 1.5rem;background-color:#2d3142;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.mostrar-cuadrante-button:hover{background-color:#d7263d}.cuadrante-global-wrapper{background-color:var(--color-arena);padding-top:0;width:97vw;margin:2rem 0;max-height:80vh;overflow-y:auto}.configuraciones-disponibles{padding-left:20px}.configuracion-item{display:flex;align-items:center;gap:12px;margin-bottom:10px}.configuracion-item strong{min-width:80px}.acciones-config{display:flex;gap:8px}.configuracion-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-left:28px;position:relative}.configuracion-item:before{content:"🛟";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:18px}.roster-container{padding:1rem 0;overflow:auto;max-height:90vh;max-width:422%}.roster-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:14px}.roster-table thead th{position:sticky;top:0;background-color:var(--color-fondo);z-index:10;box-shadow:0 2px 4px #0000001a}.roster-table th,.roster-table td{border:1px solid #ccc;padding:6px 8px;text-align:center;vertical-align:top;min-width:100px;white-space:nowrap}.trabajadores-list{list-style-type:none;margin:0;padding-left:0;text-align:left}.trabajador{font-weight:700}.playa{font-size:12px;font-weight:400}.sin-trabajador{color:#aaa;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-contenido{background:#fff;padding:20px;border-radius:8px;max-width:400px;box-shadow:0 0 10px #00000040;z-index:10000}.modal-botones button{margin:0 10px}.cuadrante-mostrar-container{max-width:480px;margin:0 auto;padding-top:1rem;padding-inline:2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative}.titulo{margin-top:0;margin-bottom:2rem;font-size:2.4rem;text-align:center}.botones-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;width:100%}.botones-header .boton-atras-superior,.botones-header .boton-ver-cuadrante,.botones-header .boton-home-superior{position:static;inset:auto;transform:none;z-index:auto;display:inline-block;width:auto;margin:0;padding:.5rem 1rem;border-radius:5px;text-decoration:none;text-align:center;box-sizing:border-box}.botones-header .boton-home-superior{margin-left:auto;margin-right:auto}@media (max-width: 480px){.cuadrante-mostrar-container .botones-header{flex-direction:column;align-items:stretch;gap:.75rem}.cuadrante-mostrar-container .botones-header .boton-atras-superior,.cuadrante-mostrar-container .botones-header .boton-ver-cuadrante,.cuadrante-mostrar-container .botones-header .boton-home-superior{width:100%;max-width:100%;display:block;box-sizing:border-box;text-align:center}}