.traffic-dashboard{margin:24px 0 36px;color:#172e36}.traffic-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.traffic-heading span{font-size:11px;letter-spacing:2px;color:#52796b}.traffic-heading h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.traffic-heading p,.traffic-status,.traffic-note{font-size:13px;color:#647578;line-height:1.8}.traffic-heading select,.traffic-dashboard button{padding:10px;border:1px solid #cddbd6;border-radius:8px;background:white;color:#213e36;font:inherit}.traffic-heading button{margin-left:8px}.traffic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.traffic-cards article{padding:20px;background:#eef5f0;border:1px solid #dae5dd;border-radius:14px}.traffic-cards span{display:block;font-size:12px;color:#4f6c61}.traffic-cards strong{display:block;font-size:34px;margin-top:10px;letter-spacing:-1px}.traffic-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.traffic-dashboard section{margin:24px 0;padding:18px;border:1px solid #dbe3df;border-radius:12px;background:#fff}.traffic-dashboard h3{margin:0 0 18px;font-size:17px}.traffic-scroll{overflow:auto;max-height:480px}.traffic-dashboard table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.traffic-dashboard th{background:#f4f7f5;white-space:nowrap;color:#557267;font-weight:500}.traffic-dashboard td,.traffic-dashboard th{padding:12px;border-bottom:1px solid #edf0ee}.traffic-dashboard td small{display:block;font-size:11px;color:#788780;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-dashboard a{color:#245f48}.traffic-badge{white-space:nowrap;font-size:11px;padding:4px 7px;background:#eef5f0;border-radius:5px}.traffic-bars{max-height:400px;overflow:auto}.traffic-bars>div{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0}.traffic-bars i{height:12px;background:#478969;border-radius:4px}.traffic-bars small{color:#687d72;white-space:nowrap}.traffic-pages{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px}.traffic-dashboard button:disabled{opacity:.4}.traffic-note{border-top:1px solid #dbe3df;padding-top:15px}@media(max-width:760px){.traffic-heading{display:block}.traffic-heading h2{font-size:25px}.traffic-columns{grid-template-columns:1fr;gap:0}.traffic-cards{grid-template-columns:repeat(2,1fr)}.traffic-cards article{padding:14px}.traffic-cards strong{font-size:28px}}