.ht-panel{background:var(--t-surface);border:1px solid var(--t-line-strong);border-radius:16px;padding:24px;color:var(--t-ink)}
.ht-heading,.ht-table-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.ht-heading h2{font-size:24px;font-weight:700;letter-spacing:-.04em}.ht-heading p{color:var(--t-ink-dim);margin-top:6px;font-size:13px}.ht-heading>span{font-size:13px;color:var(--t-accent-ink);padding:6px 12px;border:1px solid var(--t-line-strong);border-radius:20px}
.ht-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}.ht-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--t-ink-dim)}.ht-controls input,.ht-controls select{background:var(--hi-fill);border:1px solid var(--t-line-strong);border-radius:8px;color:var(--t-ink);padding:9px 10px;min-height:40px;color-scheme:light}.dark .ht-controls input,.dark .ht-controls select{color-scheme:dark}.ht-filters input{width:125px}.ht-panel button{border:1px solid var(--t-line-strong);border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;min-height:40px}.ht-panel button:disabled{opacity:.5;cursor:wait}#htApply{background:#4f46e5;color:white;border-color:#4f46e5}.ht-panel button:focus-visible,.ht-panel input:focus-visible,.ht-panel select:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}
.ht-note{color:var(--t-ink-dim);font-size:12px;line-height:1.8;margin:12px 0}.ht-status{display:flex;align-items:center;gap:16px;color:var(--t-ink-dim);font-size:13px;margin:14px 0}.ht-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ht-facts>div{background:var(--hi-fill);padding:16px;border-radius:12px}.ht-facts span{display:block;color:var(--t-ink-dim);font-size:11px}.ht-facts strong{display:block;font-size:22px;letter-spacing:-.04em;margin-top:6px;font-variant-numeric:tabular-nums}.ht-panel h3{font-size:16px;font-weight:600;margin-top:20px}.ht-chart{height:220px;margin:20px 0}.ht-scroll{overflow-x:auto;margin:14px 0;max-height:620px}.ht-panel table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.ht-panel th,.ht-panel td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--t-line-strong)}.ht-panel th:first-child{position:sticky;left:0;background:var(--t-surface);text-align:left;z-index:1}.ht-panel thead th{color:var(--t-ink-dim);font-weight:500;background:var(--hi-fill)}.ht-panel .ht-positive{color:#047857}.ht-panel .ht-negative{color:#be123c}.dark .ht-panel .ht-positive{color:#34d399}.dark .ht-panel .ht-negative{color:#fb7185}.ht-method{border-top:1px solid var(--t-line-strong);padding-top:16px;margin-top:24px}
@media(max-width:640px){.ht-panel{padding:16px}.ht-heading h2{font-size:21px}.ht-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ht-facts strong{font-size:20px}.ht-controls label{flex:1;min-width:110px}.ht-controls input,.ht-controls select{width:100%;min-width:0}.ht-controls select{max-width:100%}.ht-panel th,.ht-panel td{padding:10px}.ht-chart{height:190px}}