.panel-like{background:linear-gradient(180deg,rgba(17,23,36,.96),rgba(12,17,28,.96));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;padding:24px 26px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--accent)}h1{font-size:32px;margin:4px 0 5px;letter-spacing:-.8px}.intro p{max-width:760px;margin:0}.summary-box{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 18px;text-align:center;min-width:105px}.summary-box span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.summary-box b{font-size:22px}.toolbar{display:grid;grid-template-columns:1fr 145px 155px 190px 150px 95px;gap:10px;margin:14px 0;padding:12px}.toolbar input,.toolbar select,.toolbar button{height:42px;border:1px solid var(--line);background:#111827;border-radius:9px;padding:0 12px;color:var(--text)}.toolbar input::placeholder{color:#69778c}.toolbar button{font-weight:750}.toolbar input:focus,.toolbar select:focus{outline:1px solid rgba(110,168,254,.45);border-color:rgba(110,168,254,.45)}
.table-head{display:grid;grid-template-columns:1.55fr 1.15fr .8fr .7fr .7fr .72fr .72fr .56fr .54fr;gap:10px;padding:0 16px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.leaderboard{display:grid;gap:10px}.row{display:grid;grid-template-columns:1.55fr 1.15fr .8fr .7fr .7fr .72fr .72fr .56fr .54fr;gap:10px;align-items:center;background:linear-gradient(180deg,rgba(17,23,36,.96),rgba(12,17,28,.96));border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 10px 28px rgba(0,0,0,.10);transition:.15s ease}.row:hover{border-color:#2b394e;transform:translateY(-1px)}.identity{display:flex;align-items:center;gap:11px;min-width:0}.rank{width:30px;height:30px;border-radius:8px;background:#151d2a;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:850;color:#9eabc0;flex:0 0 auto}.rank.top{background:rgba(51,214,159,.09);color:var(--green);border-color:rgba(51,214,159,.22)}.avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#202c40,#425878);border:1px solid #34445d;display:grid;place-items:center;color:#fff;font-weight:850;flex:0 0 auto}.name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{margin-top:4px;padding:2px 6px;font-size:9px;background:rgba(255,157,47,.10);color:#ffb45f;border:1px solid rgba(255,157,47,.26)}.metric span{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.metric b{font-size:14px}.positive{color:var(--green)}.negative{color:var(--red)}.spark{height:68px;min-width:120px}.spark svg{width:100%;height:100%;overflow:visible}.spark .area{fill:rgba(51,214,159,.08)}.spark .line{fill:none;stroke:var(--green);stroke-width:2}.view{border:0;background:linear-gradient(180deg,#42c38e,#31a975);color:#06150e;border-radius:8px;padding:8px 10px;font-weight:850;cursor:pointer;text-decoration:none;text-align:center}.view:hover{filter:brightness(1.04)}.loading,.empty{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:38px;text-align:center;color:var(--muted)}.mobile-label{display:none}.about{margin-top:18px;padding:21px 24px;display:grid;grid-template-columns:.9fr 1.7fr;gap:24px;align-items:center}.about h2{margin:4px 0 0;font-size:20px}.about p{margin:0;line-height:1.65}
@media(max-width:980px){.desktop-only{display:none}.row{grid-template-columns:1.2fr 1fr 1fr 1fr}.row>.spark{grid-column:1/-1;order:3;height:85px}.identity{grid-column:1/-1}.view{align-self:center}.mobile-label{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.metric span{display:none}.about{grid-template-columns:1fr}}
@media(max-width:650px){.intro{align-items:flex-start;flex-direction:column;padding:19px}.summary-box{display:none}.toolbar{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.toolbar button{grid-column:1/-1}.row{grid-template-columns:repeat(2,1fr);padding:13px}.identity{grid-column:1/-1}.row>.spark{grid-column:1/-1;height:76px}.view{grid-column:1/-1}.metric{padding:6px 0}.metric b{font-size:16px}h1{font-size:28px}.about{padding:18px}}

.badge.live{background:rgba(51,214,159,.10);color:var(--green);border-color:rgba(51,214,159,.28)}
.badge.demo{background:rgba(110,168,254,.10);color:#9bc0ff;border-color:rgba(110,168,254,.28)}
.directory-section{margin:18px 0 24px}.directory-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 4px 10px}.directory-head h2{margin:3px 0 3px;font-size:22px}.directory-head p{margin:0;color:var(--muted);font-size:12px}.section-count{min-width:72px;text-align:center;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:#0d1523}.section-count span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.section-count b{font-size:19px}.signal-accent{color:#70a8ff}.signal-directory .row{background:linear-gradient(180deg,rgba(13,22,37,.98),rgba(10,17,29,.98))}.signal-directory .rank.top{background:rgba(110,168,254,.09);color:#9bc0ff;border-color:rgba(110,168,254,.22)}
@media(max-width:650px){.directory-head{align-items:flex-start}.section-count{display:none}}