:root{--azul-noche: #0B1E33;--azul-panel: #122A45;--verde-vigilancia: #3FB68A;--texto-claro: #EAF1F5;--texto-tenue: #9FB3C8;--error: #E0554F;--borde: rgba(234, 241, 245, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--azul-noche);color:var(--texto-claro);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pantalla-carga{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--texto-tenue)}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.tarjeta-login{width:100%;max-width:380px;background:var(--azul-panel);border:1px solid var(--borde);border-radius:12px;padding:32px}.tarjeta-login h1{margin:0 0 4px;font-size:1.5rem;letter-spacing:.02em}.subtitulo{color:var(--texto-tenue);margin:0 0 24px;font-size:.9rem}.tarjeta-login form{display:flex;flex-direction:column;gap:6px}.tarjeta-login label{font-size:.8rem;color:var(--texto-tenue);margin-top:10px}.tarjeta-login input{background:var(--azul-noche);border:1px solid var(--borde);border-radius:8px;padding:10px 12px;color:var(--texto-claro);font-size:.95rem}.tarjeta-login input:focus{outline:2px solid var(--verde-vigilancia);outline-offset:1px}.tarjeta-login button{margin-top:20px;background:var(--verde-vigilancia);color:var(--azul-noche);border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer}.tarjeta-login button:disabled{opacity:.6;cursor:not-allowed}.mensaje-error{color:var(--error);font-size:.85rem;margin-top:10px}.encabezado-panel{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--borde)}.encabezado-panel button{background:transparent;border:1px solid var(--borde);color:var(--texto-claro);border-radius:8px;padding:8px 14px;cursor:pointer}.contenido-panel{padding:24px;max-width:640px}.tarjeta-perfil{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:16px;margin-top:16px}.nota-construccion{color:var(--texto-tenue);margin-top:24px;font-size:.85rem}.panel-guardia{display:flex;flex-direction:column;gap:16px}.texto-carga-guardia,.texto-paso{color:var(--texto-tenue);text-align:center;padding:24px 0}.mensaje-error-guardia{background:#e0554f1f;border:1px solid var(--error);color:var(--error);border-radius:8px;padding:12px;font-size:.9rem}.tarjeta-aviso-huella,.tarjeta-marcaje,.tarjeta-password-respaldo{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.boton-primario{background:var(--verde-vigilancia);color:var(--azul-noche);border:none;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer}.boton-secundario{background:transparent;border:1px solid var(--borde);color:var(--texto-claro);border-radius:8px;padding:12px 20px;cursor:pointer}.boton-grande{font-size:1.1rem;padding:18px}.tarjeta-password-respaldo input{background:var(--azul-noche);border:1px solid var(--borde);border-radius:8px;padding:10px 12px;color:var(--texto-claro);font-size:.95rem}.capturador-selfie{display:flex;flex-direction:column;align-items:center;gap:12px}.video-selfie{width:100%;max-width:320px;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:2px solid var(--verde-vigilancia);transform:scaleX(-1)}.controles-selfie{display:flex;gap:12px;width:100%;max-width:320px}.controles-selfie button{flex:1}.mensaje-error-camara{text-align:center;color:var(--error)}.selector-pestanas{display:flex;gap:4px;background:var(--azul-panel);border-radius:10px;padding:4px}.selector-pestanas button{flex:1;padding:10px;border:none;border-radius:8px;background:transparent;color:var(--texto-tenue);cursor:pointer;font-size:.9rem}.selector-pestanas .pestana-activa{background:var(--verde-vigilancia);color:var(--azul-noche);font-weight:600}.escaner-qr{display:flex;flex-direction:column;align-items:center;gap:12px}.video-escaner-qr{width:100%;max-width:360px;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:2px solid var(--verde-vigilancia)}.texto-instruccion-escaner{color:var(--texto-tenue);font-size:.85rem;text-align:center}.historial-rondin{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:16px}.historial-rondin h3{margin:0 0 10px;font-size:.95rem}.historial-rondin ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.historial-rondin li{font-size:.85rem;padding:8px;border-radius:6px;background:var(--azul-noche)}.checkpoint-invalido{color:var(--error)}.layout-admin{min-height:100vh;display:flex;flex-direction:column}.encabezado-izquierda{display:flex;align-items:center;gap:12px}.boton-menu-movil{display:none;background:transparent;border:none;color:var(--texto-claro);font-size:1.4rem;cursor:pointer}.cuerpo-layout-admin{display:flex;flex:1}.sidebar{width:220px;flex-shrink:0;background:var(--azul-panel);border-right:1px solid var(--borde);padding:20px 0}.sidebar-perfil{padding:0 20px 16px;border-bottom:1px solid var(--borde);margin-bottom:12px}.sidebar-nombre{font-weight:600;margin:0}.sidebar-rol{color:var(--texto-tenue);font-size:.8rem;margin:2px 0 0;text-transform:capitalize}.sidebar-lista{list-style:none;margin:0;padding:0}.sidebar-item,.sidebar-item-activo{width:100%;text-align:left;padding:12px 20px;background:transparent;border:none;color:var(--texto-tenue);cursor:pointer;font-size:.9rem}.sidebar-item-activo{background:#3fb68a1f;color:var(--verde-vigilancia);border-left:3px solid var(--verde-vigilancia);font-weight:600}.contenido-layout-admin{flex:1;padding:24px;max-width:900px}@media (max-width: 768px){.boton-menu-movil{display:block}.sidebar{position:fixed;top:0;left:-260px;height:100vh;z-index:50;transition:left .2s ease}.sidebar-abierta{left:0}}.panel-puntos-control{display:flex;flex-direction:column;gap:16px}.tarjeta-formulario{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.tarjeta-formulario label{font-size:.8rem;color:var(--texto-tenue);margin-top:8px}.tarjeta-formulario input,.tarjeta-formulario select{background:var(--azul-noche);border:1px solid var(--borde);border-radius:8px;padding:10px 12px;color:var(--texto-claro);font-size:.95rem}.fila-coordenadas{display:flex;gap:8px}.lista-puntos-control{display:flex;flex-direction:column;gap:12px}.tarjeta-punto-control{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:16px}.tarjeta-punto-control-info{margin-bottom:12px}.punto-nombre{font-weight:600;margin:0}.punto-empresa{color:var(--verde-vigilancia);font-size:.8rem;margin:2px 0}.punto-detalle{color:var(--texto-tenue);font-size:.8rem;margin:2px 0}.punto-estado-activo{color:var(--verde-vigilancia);font-size:.8rem;margin:4px 0 0}.punto-estado-inactivo{color:var(--texto-tenue);font-size:.8rem;margin:4px 0 0}.tarjeta-punto-control-acciones{display:flex;gap:8px;flex-wrap:wrap}.boton-peligro{background:transparent;border:1px solid var(--error);color:var(--error);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:.85rem}.qr-visor{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--borde)}.qr-visor img{width:200px;height:200px;background:#fff;border-radius:8px;padding:8px}