:root{--bg:#0c0d0a;--card:#16180f;--txt:#e9ead9;--muted:#8a8c7a;--lima:#c6f24e;--line:#262819}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,Segoe UI,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
h1{font-size:22px;margin:0}.cabeza{margin:18px 24px;padding:14px 18px;background:var(--card);border-left:3px solid var(--lima);border-radius:8px}
main{padding:0 24px 40px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}
th{cursor:pointer;color:var(--muted);font-weight:600;user-select:none}tr.pago td:first-child{font-weight:700}
tr.organico{color:var(--muted)}.badge{font-size:11px;background:var(--line);color:var(--muted);padding:2px 6px;border-radius:6px}
.notas ul{color:var(--muted);font-size:13px;line-height:1.6;padding-left:18px}.meta{color:var(--muted);font-size:12px}
.link{background:none;border:none;color:var(--muted);cursor:pointer}.login{display:grid;place-items:center;height:100vh}
.card{background:var(--card);padding:28px;border-radius:12px;display:grid;gap:12px;min-width:280px}
input,button{padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0f110b;color:var(--txt)}
button{background:var(--lima);color:#0c0d0a;border:none;font-weight:700;cursor:pointer}
/* ── Nav compartida ── */
.barra{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}
.marca{font-weight:700;color:var(--txt);font-size:14px;white-space:nowrap}
.barra-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.barra a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s}
.barra a:hover{color:var(--txt)}
.barra a.activa{color:var(--lima);font-weight:600}
/* ── KPIs ── */
.barra-prog-wrap{margin:24px 0 8px}
.barra-prog-label{font-size:14px;color:var(--muted);margin-bottom:6px}
.barra-prog{height:14px;background:var(--card);border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.barra-prog>i{display:block;height:100%;background:var(--lima);border-radius:8px;transition:width .4s}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:28px 0}
.tarjeta{background:var(--card);padding:20px 18px;border-radius:12px;border:1px solid var(--line)}
.tarjeta .t-label{font-size:12px;color:var(--muted);margin-bottom:6px}
.tarjeta .t-valor{font-size:22px;font-weight:700;color:var(--txt)}
.tarjeta .t-sub{font-size:12px;color:var(--muted);margin-top:4px}
/* ── Funnels ── */
td.gana{color:var(--lima);font-weight:700}
.subtitulo{color:var(--muted);font-size:14px;margin:4px 0 20px}
/* ── Closer ── */
.seccion-titulo{font-size:16px;font-weight:700;margin:32px 0 12px;color:var(--txt)}
#porlinea table,#objeciones table,#recientes table{margin-bottom:8px}
#recientes a,#recientes a:visited{color:var(--lima);text-decoration:none}
#recientes a:hover{text-decoration:underline}