*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:#e8eef5;background:#0a0e14;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}h1{color:#22c55e;font-size:28px}h2{color:#e8f0f8;font-size:24px;font-weight:700}.sub{color:#5a6a7a;font-size:13px}.chico{font-size:11px;margin-top:6px}.nota{color:#a8b8c8;font-size:14px;background:#0d1118;border:1px solid #1e2a3a;border-radius:12px;padding:14px;line-height:1.5}.nota-chica{color:#4a5a6a;font-size:11px;line-height:1.5;margin-top:12px}.error{color:#f87171;font-size:13px;background:#1a0d0d;border:1px solid #3a1a1a;border-radius:10px;padding:10px 12px;margin-bottom:12px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.rojo{color:#e08080}.ingreso{max-width:380px;margin:0 auto;padding:14vh 20px 40px;display:grid;gap:16px}.marca{text-align:center;display:grid;gap:6px}.marca-icono{font-size:40px}.formulario{display:grid;gap:14px}.formulario label,.modal label{display:grid;gap:6px;color:#8a9aaa;font-size:13px;font-weight:600}.formulario input,.modal input,.modal select,.buscador{width:100%;background:#0d1118;border:1px solid #1e2a3a;border-radius:10px;padding:12px;color:#e8eef5;font-size:15px;min-width:0}input:focus,select:focus{outline:none;border-color:#60a5fa}.con-boton{display:flex;gap:8px}.boton-principal{background:#1d6fd4;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:700;padding:14px}.boton-chico{background:#151d2a;border:1px solid #223044;border-radius:7px;color:#a8b8c8;font-size:12px;font-weight:600;padding:6px 10px;white-space:nowrap}.boton-chico.rojo{color:#e08080;border-color:#3a1a1a;background:#1a1010}.panel{display:flex;min-height:100vh}.lateral{width:230px;flex-shrink:0;background:#0d1118;border-right:1px solid #1a2230;display:flex;flex-direction:column;padding:16px 10px}.lateral-marca{padding:0 8px 14px;border-bottom:1px solid #1a2230;margin-bottom:12px}.lateral-titulo{color:#e8f0f8;font-size:17px;font-weight:700}.lateral-boton{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;border:none;margin-bottom:3px;background:transparent;color:#8a9aaa;font-size:13px}.lateral-boton.activo{background:#17304a;color:#60a5fa;font-weight:700}.lateral-texto{flex:1}.lateral-pie{margin-top:auto;padding:8px}.contenido{flex:1;padding:24px 28px;max-width:1200px}.encabezado{margin-bottom:20px}.encabezado.con-boton{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.boton-azul{background:#1d6fd4;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;padding:11px 18px;flex-shrink:0}.enlace{background:none;border:none;color:#60a5fa;font-size:inherit;text-align:left;padding:0}.contador{background:#152238;color:#60a5fa;font-size:12px;font-weight:700;border-radius:8px;padding:2px 9px}.caja{background:#0d1118;border-radius:12px;border:1px solid #1a2230;overflow:hidden}.caja-titulo{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#111826;border-bottom:1px solid #1a2230}.caja-nombre{color:#60a5fa;font-size:14px;font-weight:700;flex:1}.renglon{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #151d2a}.renglon:last-child{border-bottom:none}.renglon-titulo{color:#e8f0f8;font-size:13px}.renglon-sub{color:#5a6a7a;font-size:11px;margin-top:2px}.vacio{color:#5a6a7a;font-size:13px;padding:16px}.acciones{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.boton-confirmar{background:#0d2818;border:1px solid #1a4a2e;border-radius:7px;color:#22c55e;font-size:12px;font-weight:700;padding:7px 12px}.boton-rechazar{background:#201010;border:1px solid #3a1a1a;border-radius:7px;color:#c06060;font-size:12px;font-weight:600;padding:7px 12px}.buscador{max-width:360px;margin-bottom:14px}.tabla{width:100%;border-collapse:collapse;font-size:13px;background:#0d1118;border:1px solid #1a2230;border-radius:12px;overflow:hidden}.tabla th{text-align:left;color:#6a7a8a;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 12px;background:#111826;border-bottom:1px solid #1a2230}.tabla td{padding:10px 12px;border-bottom:1px solid #151d2a;vertical-align:top}.tabla tr.apagada td{opacity:.6}.rol{margin-bottom:3px}.etiqueta-amarilla{background:#2a2208;color:#e0b060;font-size:10px;font-weight:700;border-radius:5px;padding:1px 6px;margin-left:6px}.estado{font-size:11px;font-weight:700;border-radius:5px;padding:3px 9px;white-space:nowrap}.estado-activa{background:#0d2818;color:#5e9e6a}.estado-desactivada{background:#2a1414;color:#e08080}.estado-sin-cuenta{background:#2a2208;color:#e0b060}.historia{margin-top:8px;color:#8a9aaa;font-size:11px;line-height:1.6;background:#0a0e14;border-radius:8px;padding:8px 10px}.fondo-modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:#0d1118;border:1px solid #1e2a3a;border-radius:14px;padding:20px;width:100%;max-width:480px;display:grid;gap:12px}.modal-titulo{font-size:18px;font-weight:700}.fila{display:flex;gap:8px}.fila>*{flex:1}.boton-gris{padding:11px;border-radius:8px;background:#151d2a;border:none;color:#a8b8c8;font-size:14px;font-weight:600}.boton-verde{padding:11px;border-radius:8px;background:#22c55e;border:none;color:#0a0e14;font-size:14px;font-weight:700;flex:2}.credenciales{display:grid;gap:8px;background:#0a0e14;border:1px solid #1e2a3a;border-radius:10px;padding:12px 14px}.credenciales div{display:flex;justify-content:space-between;align-items:baseline}.credenciales span{color:#6a7a8a;font-size:12px}.credenciales strong{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:20px;color:#e8f0f8}.aviso-amarillo{color:#e0b060;background:#1a1508;border:1px solid #3a2e10;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}.mensaje{white-space:pre-wrap;font-family:inherit;color:#a8b8c8;font-size:12px;background:#0a0e14;border-radius:8px;padding:10px}