*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e6e6}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:16px 24px;border-bottom:1px solid #222;display:flex;align-items:center;gap:24px}.header h1{margin:0;font-size:18px;font-weight:600}.tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid #222;overflow-x:auto}.tab{padding:10px 14px;cursor:pointer;border:none;background:none;color:#9aa;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#e6e6e6;border-bottom-color:#6ab0ff}.panel{padding:20px 24px;flex:1}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:center}.controls label{font-size:12px;color:#aab;display:flex;flex-direction:column;gap:4px}.controls select,.controls input{background:#1a1d24;color:#e6e6e6;border:1px solid #2a2f3a;border-radius:4px;padding:6px 8px;font-size:13px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.card{background:#1a1d24;border:1px solid #2a2f3a;border-radius:6px;padding:12px}.card .label{font-size:11px;color:#8a93a3;text-transform:uppercase;letter-spacing:.5px}.card .value{font-size:20px;font-weight:600;margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:8px 10px;border-bottom:1px solid #222;text-align:left}.table th{color:#8a93a3;font-weight:500}.hint{color:#8a93a3;font-size:12px}
