.traffic-panel{padding:20px;border:1px solid #30415a;background:#0d1726;border-radius:8px;margin-bottom:28px}.traffic-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.traffic-heading h3{margin:0!important}.traffic-heading p{font-size:12px}.traffic-retention{font-size:11px;color:#9bb0ce;white-space:nowrap;border:1px solid #30415a;padding:6px 9px;border-radius:5px}.traffic-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}.traffic-controls label{margin:0}.traffic-controls label:first-child{flex:1;min-width:180px}.traffic-controls select{max-width:100%}.traffic-current{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin:20px 0}.traffic-current>div{background:#152032;padding:16px;border:1px solid #27344b;border-radius:6px}.traffic-current small,.traffic-statistics small{display:block;color:#91a1bb;font-size:11px;margin-bottom:9px}.traffic-current strong{font-size:24px;font-weight:550}.traffic-current span{font-size:12px;line-height:1.5;display:block;margin-bottom:8px}.traffic-in{color:#62d6bd}.traffic-out{color:#73a8ff}.traffic-legend{display:flex;gap:20px;font-size:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.traffic-legend>span:last-child{margin-left:auto;color:#91a1bb;font-size:10px}.traffic-chart{margin-top:16px;border:1px solid #27344b;border-radius:6px;min-height:230px;background:#0b1321;overflow:hidden}.traffic-chart svg{width:100%;display:block}.traffic-chart text{fill:#8192ac;font-size:11px;font-family:Segoe UI,sans-serif}.traffic-grid{stroke:#243047;stroke-width:1}.traffic-tooltip{font-size:11px;color:#aebfd5;padding:12px 0;min-height:38px}.traffic-statistics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.traffic-statistics>div{background:#152032;padding:14px;border-radius:5px}.traffic-statistics strong{font-size:13px;font-weight:500}.traffic-empty{padding:50px 30px;text-align:center}.traffic-settings,.traffic-all{margin-top:20px;padding-top:16px;border-top:1px solid #27344b}.traffic-settings .check{margin-bottom:9px}.traffic-settings p{font-size:11px}.traffic-all>div{margin-top:15px}#traffic-error{color:#ffadb4;font-size:12px}@media(max-width:800px){.traffic-current{grid-template-columns:1fr 1fr}.traffic-current>div:last-child{grid-column:1/-1}.traffic-panel{padding:12px}.traffic-current strong{font-size:19px}.traffic-controls{align-items:stretch}.traffic-statistics{grid-template-columns:1fr}.traffic-retention{display:none}}