.traffic-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.traffic-filters{gap:8px;margin-bottom:4px;display:flex}.traffic-filters button{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;padding:6px 14px;font-size:13px}.traffic-filters button.active{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-soft);font-weight:600}.traffic-chart{align-items:flex-end;gap:6px;height:160px;padding-top:10px;display:flex;overflow-x:auto}.traffic-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:28px;height:100%;display:flex}.traffic-chart-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:2px;transition:height .2s}.traffic-chart-count{color:var(--muted);margin-bottom:4px;font-size:11px}.traffic-chart-label{color:var(--muted);white-space:nowrap;margin-top:6px;font-size:11px}.traffic-search{align-items:center;gap:6px;display:flex}.traffic-search input{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:220px;padding:6px 10px;font-size:13px}.traffic-search-clear{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;padding:5px 10px;font-size:12px}.ip-cell{cursor:pointer}.ip-cell:hover{color:var(--accent-hover);text-decoration:underline}.top-ip-table td:first-child{font-family:monospace}.load-more{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--accent-hover);cursor:pointer;background:#fff;margin:14px auto 0;padding:6px 18px;font-size:13px;display:block}.load-more:disabled{opacity:.5;cursor:default}.traffic-empty{text-align:center;color:var(--muted);padding:24px;font-size:13px}