body{font:14px/1.35 -apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#0f1117;color:#e6e8ee}
.wrap{max-width:1180px;margin:0 auto;padding:20px}
h1{font-size:19px;margin:0 0 3px}.sub{color:#8b90a0;margin:0 0 14px;font-size:12px}
.topbar{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.who{color:#8b90a0;font-size:12px;white-space:nowrap}
.who a{color:#7dd3fc;text-decoration:none;margin-left:8px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tab{padding:7px 15px;border:1px solid #2a2e3a;background:#171a22;color:#cfd3dd;border-radius:8px;cursor:pointer;font-weight:600}
.tab.on{background:#3b82f6;border-color:#3b82f6;color:#fff}
.bar{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
input,select{background:#171a22;border:1px solid #2a2e3a;color:#e6e8ee;padding:7px 11px;border-radius:8px;font-size:14px}
#q{width:260px}
.cnt{color:#8b90a0;font-size:12px}
.twrap{max-height:70vh;overflow:auto;border:1px solid #232734;border-radius:10px}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{padding:6px 9px;text-align:right;white-space:nowrap}
th{position:sticky;top:0;background:#1b1f2a;color:#aeb4c2;cursor:pointer;font-weight:600;border-bottom:1px solid #2a2e3a;z-index:2}
th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:#141720;z-index:1;max-width:340px;overflow:hidden;text-overflow:ellipsis}
th:first-child{z-index:3;background:#1b1f2a}
tr.tot td{position:sticky;top:31px;background:#12151d;font-weight:700;color:#fff;border-bottom:1px solid #2a2e3a;z-index:1}
tr.tot td:first-child{top:0}
tbody tr:hover td{background:#1a1e28!important}
.z{color:#3a3f4d}.s::after{content:" ▾";color:#3b82f6}
tr.clik{cursor:pointer}
tr.clik td:first-child::after{content:" ›";color:#3b82f6;font-weight:700}
tr.clik:hover td:first-child{color:#7dd3fc}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity .18s}
.overlay.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(940px,97vw);background:#12151d;border-left:1px solid #2a2e3a;box-shadow:-10px 0 34px rgba(0,0,0,.55);transform:translateX(100%);transition:transform .2s;z-index:50;display:flex;flex-direction:column}
.drawer.on{transform:none}
.dhead{padding:16px 20px 4px;border-bottom:1px solid #2a2e3a;position:relative}
.dhead h2{font-size:17px;margin:0 0 5px;max-width:calc(100% - 40px)}
.dclose{position:absolute;top:12px;right:14px;cursor:pointer;color:#8b90a0;font-size:24px;line-height:1;background:none;border:none}
.dsub{display:flex;gap:8px;padding:11px 20px 0}
.dsub .tab{font-size:13px;padding:6px 13px}
.dbody{overflow:auto;padding:12px 20px 26px}
.dtable{width:100%;border-collapse:collapse;font-size:13px}
.dtable th,.dtable td{padding:5px 9px;text-align:left;border-bottom:1px solid #232734;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}
.dtable th{position:sticky;top:0;background:#1b1f2a;color:#aeb4c2;z-index:1}
.dtable tbody tr:hover td{background:#171a22}
.muted{color:#5b6270}
.badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:middle}
.b-buy{background:#7c3aed30;color:#c4b5fd;border:1px solid #7c3aed66}
.b-att{background:#0891b230;color:#67e8f9;border:1px solid #0891b266}
.b-src{background:#334155aa;color:#cbd5e1}