:root{--bg:#0b0f1a;--panel:#141a29;--panel-2:#1b2334;--linea:#26304a;--texto:#f2f5ff;--suave:#a3adc7;--tenue:#6b7794;--acento:#42ffb0;--acento-2:#75e4ff;--alerta:#ffce5c;--rojo:#ff6b6b;--radio:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--acento-2);text-decoration:none}.barra{background:var(--panel);border-bottom:1px solid var(--linea);z-index:10;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 20px;display:flex;position:sticky;top:0}.barra .marca{letter-spacing:.02em;font-weight:700}.barra nav{flex-wrap:wrap;gap:14px;display:flex}.barra nav a{color:var(--suave);border-radius:8px;padding:6px 10px}.barra nav a:hover{background:var(--panel-2);color:var(--texto)}.barra .yo{color:var(--tenue);align-items:center;gap:12px;margin-left:auto;display:flex}.contenido{max-width:1080px;margin:0 auto;padding:22px 20px 60px}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.metricas{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.metrica{background:var(--panel);border:1px solid var(--linea);border-radius:12px;min-width:104px;padding:10px 16px}.metrica b{font-size:26px;line-height:1.1;display:block}.metrica span{color:var(--tenue);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.negocio h1{margin:0 0 4px;font-size:30px}.negocio .donde{color:var(--suave);margin-bottom:16px}.tel{letter-spacing:.02em;color:var(--acento);border:1px solid var(--linea);background:var(--panel-2);border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:30px;font-weight:700;display:inline-flex}.acciones-rapidas{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 20px;display:flex}.boton{border:1px solid var(--linea);background:var(--panel-2);color:var(--texto);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:15px;display:inline-flex}.boton:hover{border-color:var(--acento-2)}.boton.primario{background:var(--acento);color:#062a1c;border-color:var(--acento);font-weight:700}.boton.fantasma{color:var(--suave);background:0 0}.bloque{margin:18px 0}.bloque h3{text-transform:uppercase;letter-spacing:.08em;color:var(--tenue);margin:0 0 6px;font-size:12px}.motivo{color:var(--alerta)}.oferta{color:var(--acento-2);font-size:20px;font-weight:700}.guion{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--linea);color:var(--suave);border-radius:10px;max-height:220px;padding:14px;overflow:auto}.estados{flex-wrap:wrap;gap:8px;display:flex}.estado-btn{border:2px solid var(--linea);background:var(--panel-2);color:var(--texto);cursor:pointer;border-radius:10px;padding:12px 16px;font-size:15px}.estado-btn:hover{border-color:currentColor}.estado-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.estado-btn:has(input:focus-visible){outline:3px solid var(--acento-2);outline-offset:2px}.estado-btn.elegido{border-color:currentColor;box-shadow:0 0 0 3px #42ffb01f}label{color:var(--tenue);margin:12px 0 4px;font-size:13px;display:block}input[type=text],input[type=password],input[type=datetime-local],input[type=number],textarea,select{background:var(--panel-2);border:1px solid var(--linea);width:100%;color:var(--texto);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15px}textarea{resize:vertical;min-height:84px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--linea);padding:10px 12px}th{color:var(--tenue);text-transform:uppercase;letter-spacing:.06em;font-size:12px}tbody tr:hover{background:var(--panel-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pill{border:1px solid var(--linea);border-radius:999px;padding:3px 9px;font-size:12px;display:inline-block}.pill.vencido{color:var(--rojo);border-color:var(--rojo)}.pill.ok{color:var(--acento);border-color:var(--acento)}.error{color:var(--rojo);margin-top:10px}.vacio{color:var(--tenue);text-align:center;padding:40px 0}.login{max-width:380px;margin:12vh auto}.login h1{margin:0 0 4px;font-size:26px}.login p{color:var(--tenue);margin:0 0 22px}@media (max-width:640px){.negocio h1{font-size:24px}.tel{justify-content:center;width:100%;font-size:24px}.contenido{padding:16px 14px 50px}}