/* ══ ADMIN V2 · estilo Claude (mockup v28): claro, plano, sin auroras ══ */
:root{--acc:#811BFF;--grad:#111111;--up:#1f9d55;--dn:#d9312b;--warn:#8a5a00;--r:14px;--r2:11px;--r3:8px}
html.light{--bg:#ffffff;--bg2:#fafafc;--panel:#ffffff;--line:#e9e9ef;--txt:#2a2b36;--txt2:#17171c;--muted:#6b6e7d;--glass:#ffffff;--glass2:#ffffff;--hair:#e9e9ef;--hair2:#dcdde8;--hov:#f5f5f8;--shadow:0 18px 44px rgba(20,10,40,.10);--sheen:transparent}
html.dark{--bg:#14141b;--bg2:#101016;--panel:#191922;--line:#2a2b36;--txt:#d6d8e3;--txt2:#f2f3f7;--muted:#8b8fa3;--glass:#191922;--glass2:#191922;--hair:#2a2b36;--hair2:#353646;--hov:#22232e;--shadow:0 18px 44px rgba(0,0,0,.45);--sheen:transparent}
body::before,body::after{display:none!important}
.card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:var(--r)}
#side{background:var(--bg2)!important;border-right:1px solid var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
.brand .bmark,.lmark,.bootmark{background:linear-gradient(135deg,#811BFF,#DC40FF)!important;border-radius:8px}
.nv{border-radius:10px!important;font-weight:500}.nv.on{background:#ececf2!important;color:var(--txt2)!important;font-weight:600;box-shadow:none!important}html.dark .nv.on{background:#2a2b36!important}
.nv svg{stroke:currentColor;opacity:.75}.nvb{background:transparent!important;color:var(--muted)!important;font-weight:500!important}
header{background:var(--bg)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important}
.gbtn,.abtn{border:1px solid var(--hair2)!important;background:var(--panel)!important;color:var(--txt2)!important;border-radius:10px!important;font-weight:600;box-shadow:none!important}
.gbtn.pri,.btnp{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:none!important;background-image:none!important}html.dark .gbtn.pri,html.dark .btnp{background:#f2f3f7!important;color:#111!important;border-color:#f2f3f7!important}
.kpis{grid-template-columns:repeat(4,1fr)}.kpi b{font-size:24px;font-weight:700}.kpi i{letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}
.pill{border-radius:6px!important;font-weight:700;font-size:11px}
.imp{background:#e4e7f5!important}.impf{background:var(--acc)!important;background-image:none!important}
table th{font-weight:600;color:var(--txt2)}
input,select,textarea{border:1px solid var(--hair2)!important;border-radius:9px!important;background:var(--panel)!important}
.lbox{border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:var(--panel)!important;backdrop-filter:none!important}
#login{background:var(--bg)!important}
/* ── login 2FA ── */
.otp{display:flex;gap:8px;justify-content:center;margin:8px 0 12px}.otp input{width:40px!important;height:48px;text-align:center;font-size:20px;font-weight:700;padding:0!important}
.qrbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:inline-block;margin:6px auto 10px}.qrbox svg,.qrbox img{width:236px;height:236px;display:block;image-rendering:pixelated}
.secret{font-family:var(--fm);font-size:12px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all;margin:6px 0 10px}
.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:var(--fm);font-size:12px;margin:8px 0 12px}.codes span{background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:6px 8px;text-align:center}
/* ── tablero V2 ── */
.meta{padding:14px 16px}.meta .mh{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:700;color:var(--txt2)}.meta .mh .pill{margin-left:0}.meta .mh .ed{margin-left:auto;font-size:12px;color:var(--muted)}.meta .mh .ed a{color:var(--acc);cursor:pointer;font-weight:600}
.meta .imp{height:8px;margin:6px 0 4px}.meta small{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;flex-wrap:wrap;gap:6px}
.meta .mf{display:flex;gap:12px;margin-top:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.meta .mf b{color:var(--txt2)}
.bars2{display:flex;align-items:flex-end;gap:4px;height:110px;padding:6px 0}.bars2 i{flex:1;background:#efe8ff;border-radius:3px 3px 0 0;min-height:3px}.bars2 i.h{background:var(--acc)}html.dark .bars2 i{background:#2a2140}
.rowv{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.rowv:first-child{border-top:0}.rowv .t{flex:1;min-width:0}.rowv .t b{display:block;font-weight:600;color:var(--txt2)}.rowv .t small{display:block;color:var(--muted)}
/* ── árbol de referidos ── */
.tree .n{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--hair);cursor:pointer}.tree .n:last-child{border-bottom:0}.tree .nm{flex:1;min-width:0}.tree .nm b{display:block;font-weight:600;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree .nm small{color:var(--muted)}.tree .kids{margin-left:34px;display:none;border-left:2px solid #efe8ff;padding-left:12px}.tree .n.open+.kids{display:block}.tree .ar{color:var(--muted);font-size:11px;transition:transform .2s}.tree .n.open .ar{transform:rotate(90deg)}
.p-y{background:#fff4d6;color:#8a5a00}.p-g{background:#e6f6ec;color:#1f9d55}.p-r{background:#fdecea;color:#d9312b}.p-b{background:#17171c;color:#fff}
/* ── formulario de pago manual ── */
.fgrid{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .8fr auto;gap:8px;align-items:end}.fgrid label{font-size:12px;color:var(--muted)}.fgrid label input,.fgrid label select{display:block;width:100%;margin-top:4px;padding:8px 10px;font-size:13px}
@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}