.traffic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.traffic-stat{padding:17px}.traffic-stat small{display:block;color:#9299aa;font-size:11px}.traffic-stat strong{display:block;font:700 24px 'Space Grotesk';margin-top:9px}.traffic-progress{height:9px;background:#303340;border-radius:8px;overflow:hidden;margin:14px 22px}.traffic-bar{height:100%;background:#6bd4a7}.traffic-bar.warning{background:#e4b077}.traffic-bar.high,.traffic-bar.critical{background:#e57a7a}.traffic-chart{height:175px;display:flex;align-items:end;gap:3px;padding:16px 22px;color:#9aa1b1;font-size:12px}.traffic-day{height:100%;display:flex;align-items:end;gap:1px;flex:1;min-width:3px}.traffic-day span{width:50%;border-radius:2px 2px 0 0}.traffic-rx{background:#8ec8e8}.traffic-tx{background:#b295fa}.traffic-settings{display:flex;gap:12px;align-items:end;padding:0 22px 20px}.traffic-settings label{display:flex;flex-direction:column;gap:6px;color:#b8bbca;font-size:12px}.traffic-settings input,.traffic-settings select{background:#202330;color:#f0edf8;border:1px solid #485062;border-radius:8px;padding:10px}.traffic-settings button{margin-left:auto}@media(max-width:750px){.traffic-grid{grid-template-columns:repeat(2,1fr)}.traffic-settings{flex-wrap:wrap}.traffic-settings button{margin-left:0}}
.deploy-traffic{display:block;max-width:240px;margin-top:7px;color:#aeb6c9;font-size:11px;line-height:1.35}