.traffic-dashboard{--traffic-border:#e5e7eb;--traffic-muted:#6b7280;--traffic-surface:#fff;--traffic-soft:#f9fafb;color:#111827;gap:20px;font-size:14px;display:grid}.dark .traffic-dashboard{--traffic-border:#374151;--traffic-muted:#9ca3af;--traffic-surface:#111827;--traffic-soft:#1f2937;color:#f3f4f6}.traffic-toolbar,.traffic-panel-heading,.traffic-pulse{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.traffic-dashboard h2{margin:0;font-size:20px;font-weight:650}.traffic-dashboard h3{margin:0;font-size:15px;font-weight:650}.traffic-toolbar p,.traffic-caption,.traffic-definitions{color:var(--traffic-muted);font-size:12px;line-height:1.6}.traffic-filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.traffic-filters label{color:var(--traffic-muted);gap:5px;font-size:12px;display:grid}.traffic-filters select{background-color:var(--traffic-surface);color:inherit;border:1px solid var(--traffic-border);border-radius:8px;min-width:120px;padding:8px 30px 8px 10px;font-size:13px}.traffic-dashboard button{cursor:pointer}.traffic-refresh{border:1px solid var(--traffic-border);background:var(--traffic-surface);border-radius:8px;width:38px;height:38px;font-size:20px}.traffic-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.traffic-card,.traffic-panel{background:var(--traffic-surface);border:1px solid var(--traffic-border);border-radius:12px;min-width:0;padding:20px}.traffic-card{gap:7px;display:grid}.traffic-card>span{color:var(--traffic-muted);font-size:13px}.traffic-card>strong{font-size:30px;font-weight:650;line-height:1.2}.traffic-card>small{color:var(--traffic-muted);font-size:11px}.traffic-pulse{color:var(--traffic-muted);font-size:12px}.traffic-pulse i{background:#22c55e;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.traffic-two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.traffic-three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.traffic-world{background:var(--traffic-soft);border-radius:8px;width:100%;height:auto;margin:16px 0 8px;display:block}.traffic-country{fill:#d1d5db;stroke:var(--traffic-surface);stroke-width:.5px}.dark .traffic-country{fill:#374151}.traffic-country-active{fill:#f59e0b;stroke:var(--traffic-surface);stroke-width:.5px;cursor:pointer}.traffic-country-active:hover,.traffic-country-active:focus,.traffic-country-selected{stroke:#b45309;stroke-width:2px;outline:none}.traffic-country-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.traffic-country-list button{border:1px solid var(--traffic-border);background:var(--traffic-soft);border-radius:6px;padding:4px 7px;font-size:11px}.traffic-country-list strong{margin-left:6px}.traffic-panel-heading>button,.traffic-caption a{color:#b45309;text-underline-offset:2px;font-size:12px;text-decoration:underline}.dark .traffic-caption a,.dark .traffic-panel-heading>button{color:#fbbf24}.traffic-chart{width:100%;margin:30px 0 12px;display:block}.traffic-chart text{fill:var(--traffic-muted);font-family:inherit;font-size:15px}.traffic-gridline{stroke:var(--traffic-border);stroke-width:1px}.traffic-human-bar{fill:#f59e0b}.traffic-bot-bar{fill:#818cf8}.traffic-legend{color:var(--traffic-muted);gap:10px;font-size:10px;display:inline-flex}.traffic-legend i{border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.traffic-human-dot{background:#f59e0b}.traffic-bot-dot{background:#818cf8}.traffic-breakdown{gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.traffic-breakdown li{justify-content:space-between;gap:12px;font-size:12px;display:flex}.traffic-breakdown span{overflow-wrap:anywhere;min-width:0}.traffic-table-scroll{margin-top:14px;overflow-x:auto}.traffic-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.traffic-table th{color:var(--traffic-muted);background:var(--traffic-soft);font-weight:500}.traffic-table th,.traffic-table td{border-bottom:1px solid var(--traffic-border);padding:11px 12px}.traffic-table td small{color:var(--traffic-muted);margin-top:3px;font-size:10px;display:block}.traffic-path{text-overflow:ellipsis;max-width:280px;overflow:hidden}.traffic-badge{background:var(--traffic-soft);border:1px solid var(--traffic-border);border-radius:5px;padding:2px 5px;font-size:10px}.traffic-badge-bot{color:#6366f1}.traffic-status-error{color:#dc2626;font-weight:600}.traffic-empty{color:var(--traffic-muted);padding:16px 0;font-size:12px}.traffic-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.traffic-pagination button{border:1px solid var(--traffic-border);border-radius:6px;padding:6px 10px}.traffic-pagination button:disabled{opacity:.4;cursor:default}.traffic-definitions summary{cursor:pointer;font-weight:500}.traffic-definitions p{margin-top:10px}.traffic-dashboard :focus-visible{outline-offset:3px;outline:2px solid #f59e0b}@media (width<=1100px){.traffic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-two-columns{grid-template-columns:1fr}}@media (width<=640px){.traffic-three-columns{grid-template-columns:1fr}.traffic-card,.traffic-panel{padding:14px}.traffic-stats{gap:10px}.traffic-card>strong{font-size:25px}.traffic-filters{width:100%}.traffic-filters label{flex:1;min-width:130px}.traffic-filters select{width:100%}}