*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#050805}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:#e8f5e8;background:#060b06;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}.pantalla{max-width:480px;margin:0 auto;padding:32px 20px;display:grid;gap:14px}h1{color:#22c55e;font-size:28px}.sub{color:#6b8f6b;font-size:13px}.nota{color:#8bac8b;font-size:14px;background:#0d140d;border:1px solid #1e2e1e;border-radius:12px;padding:14px;line-height:1.5}.nota-chica{color:#4a6a4a;font-size:12px;text-align:center;line-height:1.5}.error{color:#f87171;font-size:13px;background:#1a0d0d;border:1px solid #3a1a1a;border-radius:10px;padding:10px 12px}.ingreso{padding-top:12vh}.marca{text-align:center;display:grid;gap:6px;margin-bottom:10px}.marca-icono{font-size:44px}.formulario{display:grid;gap:14px}.formulario label{display:grid;gap:6px;color:#8bac8b;font-size:13px;font-weight:600}.formulario input,.form-persona input{width:100%;background:#0d140d;border:1px solid #1e2e1e;border-radius:10px;padding:14px;color:#e8f5e8;font-size:17px;min-width:0}.formulario input:focus,.form-persona input:focus{outline:none;border-color:#22c55e}.con-boton{display:flex;gap:8px}.boton-chico{background:#141e14;border:none;border-radius:10px;color:#8bac8b;font-size:13px;padding:0 14px}.boton-principal{background:#22c55e;border:none;border-radius:12px;color:#060b06;font-size:17px;font-weight:700;padding:16px}.tarjeta{background:#0d140d;border-radius:14px;padding:16px;border:1px solid #141e14;display:grid;gap:8px}.tarjeta-titulo{color:#e8f5e8;font-size:15px;font-weight:600}.tarjeta-desc{color:#6b8f6b;font-size:11px;line-height:1.4}.seccion{color:#4a6a4a;font-size:11px;font-weight:600;letter-spacing:1px}.fila-rol{display:flex;gap:10px;align-items:center;font-size:14px}.chip{background:#0d2818;color:#5e9e6a;font-size:11px;font-weight:700;border-radius:6px;padding:3px 9px}.boton-config{display:flex;justify-content:space-between;align-items:center;background:#0d140d;border:1px solid #1e2e1e;border-radius:12px;padding:16px;color:#e8f5e8;font-size:15px;font-weight:600}.boton-salir{background:none;border:none;color:#4a6a4a;font-size:12px;text-decoration:underline;padding:10px}.hoja{position:fixed;inset:0;background:#060b06;display:flex;flex-direction:column}.barra{padding:16px;border-bottom:1px solid #141e14;display:flex;align-items:center;gap:12px;background:#0a140a}.barra-titulo{color:#e8f5e8;font-size:20px;font-weight:700}.barra-sub{color:#4a6a4a;font-size:12px}.boton-volver{width:36px;height:36px;border-radius:10px;background:#141e14;border:none;color:#8bac8b;font-size:16px}.contenido{flex:1;overflow-y:auto;padding:16px;display:grid;gap:10px;align-content:start;max-width:600px;width:100%;margin:0 auto}.ayuda{background:#0a140a;border-radius:12px;padding:12px 14px;border:1px solid #14202a;color:#6a8aaa;font-size:11px;line-height:1.6}.ayuda-azul{background:#0d1a2e;border-radius:12px;padding:12px 14px;border:1px dashed #2a4a6a;color:#60a5fa;font-size:11px;line-height:1.6}.persona{display:flex;justify-content:space-between;align-items:center;background:#0a140a;border-radius:10px;padding:10px 12px}.persona.activa{border:1px solid #1a3a2a}.persona.pendiente{border:1px solid #2a2410}.persona-nombre{color:#e8f5e8;font-size:13px;font-weight:600}.estado-activo{color:#34d399;font-size:10px;margin-top:2px}.estado-pendiente{color:#c9a227;font-size:10px;margin-top:2px}.boton-x{background:#141e14;border:none;border-radius:6px;color:#6b8f6b;width:30px;height:30px;font-size:12px;flex-shrink:0}.form-persona{background:#0a0f14;border-radius:10px;padding:12px;border:1px solid #14202a;display:grid;gap:8px}.form-persona input{font-size:15px;padding:10px}.fila{display:flex;gap:8px}.fila>*{flex:1}.boton-gris{padding:12px;border-radius:8px;background:#141e14;border:none;color:#8bac8b;font-size:14px;font-weight:600}.boton-verde{padding:12px;border-radius:8px;background:#22c55e;border:none;color:#060b06;font-size:14px;font-weight:700;flex:2}.boton-rojo{padding:12px;border-radius:8px;background:#3a1414;border:1px solid #5a2020;color:#f87171;font-size:14px;font-weight:700}.boton-agregar{width:100%;background:none;border:1px dashed #1e2e1e;border-radius:10px;color:#5a9a7a;font-size:13px;font-weight:600;padding:12px}.fondo-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:10}.modal{background:#0d140d;border:1px solid #1e2e1e;border-radius:16px;padding:18px;width:100%;max-width:440px;display:grid;gap:12px}.modal-titulo{font-size:17px;font-weight:700}.modal-texto{color:#8bac8b;font-size:14px;line-height:1.5}.aviso{position:fixed;left:16px;right:16px;bottom:20px;margin:0 auto;max-width:440px;background:#14301e;border:1px solid #22c55e55;color:#e8f5e8;border-radius:12px;padding:12px 14px;font-size:13px;z-index:20}