.traffic-panel{margin-top:18px;padding:clamp(18px,3vw,32px);overflow:hidden}.traffic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.traffic-head h2{margin:4px 0 6px;font-size:clamp(1.6rem,4vw,2.35rem);letter-spacing:-.04em}.traffic-head p{margin:0;color:#64748b}.traffic-kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0d9488}.traffic-period{display:flex;gap:6px;flex-wrap:wrap}.traffic-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid #dce7e5;border-radius:16px;background:#f7fbfa;overflow:hidden}.traffic-metrics article{padding:20px;border-right:1px solid #dce7e5}.traffic-metrics article:last-child{border:0}.traffic-metrics span{display:block;color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.traffic-metrics strong{display:block;margin-top:7px;font-size:2rem;line-height:1;color:#153b38}.traffic-chart{height:220px;display:flex;align-items:flex-end;gap:clamp(3px,1vw,10px);padding:28px 4px 26px;border-bottom:1px solid #e2e8f0}.traffic-bar-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;flex:1;min-width:3px}.traffic-bar{display:block;width:100%;max-width:24px;border-radius:5px 5px 2px 2px;background:linear-gradient(#43a99f,#0d766e);transition:transform .18s ease,opacity .18s ease}.traffic-bar:hover{transform:scaleY(1.03);opacity:.82}.traffic-bar-wrap small{position:absolute;top:calc(100% + 7px);font-size:.59rem;color:#94a3b8;transform:rotate(-45deg);white-space:nowrap}.traffic-grids{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:28px}.traffic-list h3{margin:0 0 12px}.traffic-empty,.traffic-error{margin:28px 0;padding:32px;text-align:center;border:1px dashed #b7cfcb;border-radius:14px;background:#fbfdfd}.traffic-empty h3,.traffic-error h3{margin:0 0 5px}.traffic-empty p,.traffic-error p{margin:0;color:#64748b}.traffic-error button{margin-top:16px}.traffic-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.traffic-skeleton i{height:110px;border-radius:14px;background:linear-gradient(90deg,#edf3f2 25%,#f8fbfa 50%,#edf3f2 75%);background-size:200% 100%;animation:traffic-shimmer 1.2s infinite}@keyframes traffic-shimmer{to{background-position:-200% 0}}@media(max-width:720px){.traffic-head{display:block}.traffic-period{margin-top:18px}.traffic-metrics{grid-template-columns:1fr}.traffic-metrics article{border-right:0;border-bottom:1px solid #dce7e5}.traffic-grids{grid-template-columns:1fr}.traffic-chart{height:170px}.traffic-bar-wrap small{display:none}}