.traffic-container{max-width:1400px;margin:0 auto}.traffic-nav-mobile{display:none}.traffic-nav-desktop{display:flex}@media (max-width:768px){.traffic-nav-desktop{display:none}.traffic-nav-mobile{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.traffic-nav-mobile .btn{flex:1;min-width:60px;max-width:80px;padding:0.5rem 0.25rem}.traffic-nav-mobile .btn span{display:none}.traffic-header-row{flex-direction:column;gap:1rem}.traffic-header-actions{width:100%;justify-content:space-between}.date-filter-mobile{width:100%;margin-bottom:1rem}.date-filter-mobile .form-select{width:100%}}.fi{width:20px;height:15px;border-radius:2px;display:inline-block;background-size:cover;box-shadow:0 0 1px rgba(0,0,0,0.5)}.traffic-chart{height:300px;display:flex;align-items:center;justify-content:center}.metric-card{transition:transform 0.2s ease-in-out}.metric-card:hover{transform:translateY(-2px)}.list-group-item{border:none;border-bottom:1px solid var(--bs-border-color)}.list-group-item:last-child{border-bottom:none}.table-responsive table{min-width:600px}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border 0.75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.text-orange{color:#fd7e14 !important}.empty-state{padding:3rem 1rem;text-align:center;color:var(--bs-secondary-color)}.empty-state .icon{font-size:3rem;margin-bottom:1rem;opacity:0.5}