:root{--bg:#030712;--panel:rgba(17,24,39,.8);--panel2:#0b1220;--line:#1f2937;--txt:#f3f4f6;--muted:#9ca3af;--muted2:#6b7280;--blue:#60a5fa;--blue5:#3b82f6;--blue6:#2563eb;--emerald:#34d399;--emerald5:#10b981;--purple:#c084fc;--amber:#fbbf24;--rose:#fb7185}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.wrap{max-width:1280px;margin:0 auto;padding:20px 16px 40px}.stack>*+*{margin-top:20px}.top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}h1 svg{color:var(--blue);flex:none}.sub{color:var(--muted);font-size:.8rem;margin-top:4px}.ctrls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:flex;background:#1f2937;border-radius:10px;padding:3px}.tabs button{background:transparent;border:0;color:var(--muted);font:inherit;font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:7px;cursor:pointer;transition:.15s}.tabs button:hover{color:#e5e7eb}.tabs button.on{background:var(--blue6);color:#fff}.pill{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:9px;border:1px solid rgba(4,120,87,.5);background:#05966933;color:#6ee7b7;cursor:pointer;user-select:none;transition:.15s}.pill.off{background:transparent;border-color:var(--line);color:var(--muted2)}.iconbtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1f2937;border:0;border-radius:9px;color:var(--muted);cursor:pointer;transition:.15s}.iconbtn:hover{background:#374151;color:#e5e7eb}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.kpi{border-radius:12px;padding:14px;border:1px solid}.kpi__h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kpi__h svg{flex:none}.kpi__k{font-size:.7rem;opacity:.8}.kpi__v{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.kpi--blue{background:linear-gradient(135deg,#3b82f633,#2563eb0d);border-color:#1e40af80;color:var(--blue)}.kpi--emerald{background:linear-gradient(135deg,#10b98133,#0596690d);border-color:#065f4680;color:var(--emerald)}.kpi--purple{background:linear-gradient(135deg,#a855f733,#9333ea0d);border-color:#6b21a880;color:var(--purple)}.kpi--amber{background:linear-gradient(135deg,#f59e0b33,#d977060d);border-color:#92400e80;color:var(--amber)}.kpi--rose{background:linear-gradient(135deg,#f43f5e33,#e11d480d);border-color:#9f123980;color:var(--rose)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.panel__h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel__t{font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:8px}.panel__t svg{color:var(--muted);flex:none}.panel__n{color:var(--muted2);font-size:.72rem;white-space:nowrap}.grid3{display:grid;grid-template-columns:2fr 1fr;gap:20px}.grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-attr{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{display:flex;align-items:flex-end;gap:3px;height:160px;overflow-x:auto;padding-bottom:4px}.col{flex:1;min-width:14px;display:flex;flex-direction:column;align-items:center;position:relative;height:100%;justify-content:flex-end}.col .tip{position:absolute;top:-6px;font-size:.62rem;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.col:hover .tip{opacity:1}.col .bar{width:100%;background:#3b82f6cc;border-radius:4px 4px 0 0;transition:background .15s;min-height:2px}.col:hover .bar{background:var(--blue5)}.col .lbl{font-size:.58rem;color:var(--muted2);margin-top:4px;transform:rotate(-0deg);white-space:nowrap}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;transition:.15s}.row:hover{background:#1f293780}.rank{color:var(--muted2);font-size:.7rem;width:16px;text-align:right;flex:none}.lbl2{font-size:.75rem;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.val{font-size:.72rem;font-weight:500;flex:none;color:var(--blue)}.val--uniq{font-size:.65rem;color:var(--muted2);flex:none}.val--em{color:var(--emerald)}.val--am{color:var(--amber)}.val--pk{color:#f472b6}.val--mut{color:var(--muted2);font-weight:400}.track{margin-top:4px;height:6px;background:#1f2937;border-radius:999px;overflow:hidden}.track i{display:block;height:100%;border-radius:999px}.b-blue{background:var(--blue5)}.b-emerald{background:var(--emerald5)}.b-amber{background:#f59e0b}.b-purple{background:#a855f7}.b-rose{background:#f43f5e}.b-cyan{background:#06b6d4}.b-indigo{background:#6366f1}.b-teal{background:#14b8a6}.b-orange{background:#f97316}.b-gray{background:#6b7280}.barline{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:3px}.sub-h{font-size:.68rem;color:var(--muted2);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.sep{border-top:1px solid var(--line);margin:16px 0 14px}table{width:100%;border-collapse:collapse;font-size:.72rem}th{color:var(--muted2);text-align:left;padding:8px;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:8px;border-bottom:1px solid rgba(31,41,55,.5);color:#d1d5db}tbody tr:hover{background:#1f29374d}td.mut{color:var(--muted2)}td.trunc{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.62rem;font-weight:500;background:#1f2937;color:#d1d5db;white-space:nowrap}.ev--blue{background:#1e3a8a80;color:#93c5fd}.ev--purple{background:#581c8780;color:#d8b4fe}.ev--rose{background:#88133780;color:#fda4af}.ev--amber{background:#78350f80;color:#fcd34d}.ev--emerald{background:#064e3b80;color:#6ee7b7}.ev--cyan{background:#164e6380;color:#67e8f9}.ev--indigo{background:#312e8180;color:#a5b4fc}.ev--teal{background:#134e4a80;color:#5eead4}.ev--pink{background:#83184380;color:#f9a8d4}.ev--gray{background:#1f2937;color:#d1d5db}.sel{background:#1f2937;color:#d1d5db;border:1px solid #374151;border-radius:8px;padding:5px 8px;font-size:.72rem;font-family:inherit}.empty{color:var(--muted2);padding:20px 0;font-size:.78rem;text-align:center}.foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted2);font-size:.72rem}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:#e5e7eb}.gate{max-width:380px;margin:14vh auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.gate h2{margin:0 0 6px;font-size:1.1rem;display:flex;align-items:center;gap:9px}.gate h2 svg{color:var(--blue)}.gate p{color:var(--muted);font-size:.8rem;margin:0 0 16px}.gate input{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font:inherit;font-size:.85rem}.gate input:focus{outline:none;border-color:var(--blue6)}.gate button{margin-top:12px;width:100%;padding:11px;border-radius:9px;border:0;background:var(--blue6);color:#fff;font-weight:600;font:inherit;font-size:.85rem;cursor:pointer}.gate button:hover{background:#1d4ed8}.err{color:var(--rose);font-size:.75rem;margin-top:8px;min-height:1em}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.grid3,.grid2,.grid-attr{grid-template-columns:1fr}}@media(max-width:560px){.kpis{grid-template-columns:1fr}}