.traffic-dashboard{display:grid;gap:22px;min-width:0;color:var(--ink)}.traffic-dashboard [hidden]{display:none!important}.traffic-dashboard>.panel-card,.traffic-two-column>.panel-card{padding:25px;min-width:0}.traffic-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.traffic-heading>div{min-width:0;max-width:760px}.traffic-heading h2{font-size:27px;line-height:1.35;font-weight:800;margin:8px 0 13px}.traffic-heading p,.traffic-section-heading p,.traffic-note,.traffic-definition{font-size:13px;line-height:1.9;color:var(--muted)}.traffic-heading>a{flex:none;white-space:normal;max-width:250px;min-height:44px}.traffic-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px;align-items:end}.traffic-filters>label{display:grid;gap:8px;font-size:12px;font-weight:750;color:var(--ink);min-width:0}.traffic-filters :is(input,select){min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft,var(--paper));color:var(--ink);font:inherit;font-size:14px}.traffic-filters .traffic-query-field{grid-column:span 2}.traffic-filters>.panel-button{min-height:46px}.traffic-filter-note{grid-column:1/-1;font-size:12px;line-height:1.9;color:var(--muted);margin:0}.traffic-live-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.traffic-live-toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.traffic-live-toolbar strong{font-size:14px;overflow-wrap:anywhere}.traffic-live-toolbar [data-traffic-updated]{font-size:12px;color:var(--muted)}.traffic-live-toolbar .panel-button{font-size:12px;min-height:42px}.traffic-live-dot{width:8px;height:8px;background:var(--accent,var(--green));border-radius:50%;flex:none;box-shadow:0 0 0 4px var(--surface-soft,var(--green-light))}.traffic-dashboard[data-paused=true] .traffic-live-dot{background:var(--muted);box-shadow:none}.traffic-status{font-size:12px;line-height:1.8;color:var(--muted);margin:-10px 0 0}.traffic-status.is-error{color:var(--ink);padding:12px 15px;border:1px solid var(--line);background:var(--surface-soft,var(--paper));border-radius:7px;margin:0}.traffic-live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.traffic-live-card{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;background:var(--surface,var(--white));border-color:var(--line)}.traffic-live-card>.icon{grid-column:2;grid-row:1/3;width:22px;height:22px;color:var(--accent,var(--green))}.traffic-live-card>span{grid-column:1;font-size:13px;font-weight:650;line-height:1.7;color:var(--muted)}.traffic-live-card>strong{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums}.traffic-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.traffic-section-heading h3{font-size:19px;line-height:1.45;font-weight:800;letter-spacing:-.4px}.traffic-section-heading p{margin-top:8px}.traffic-section-heading>small{font-size:11px;line-height:1.8;color:var(--muted);flex:none;max-width:200px;text-align:end}.traffic-chart{margin:0}.traffic-minute-chart{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:4px;height:155px;border-bottom:1px solid var(--line);padding-top:10px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.33% - 1px),var(--line) calc(33.33% - 1px),var(--line) 33.33%)}.traffic-minute{height:100%;display:flex;align-items:flex-end;min-width:0}.traffic-minute>i{display:block;width:100%;background:var(--accent,var(--green));opacity:.8;border-radius:4px 4px 0 0;min-height:0}.traffic-minute:hover>i{opacity:1}.traffic-chart figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.traffic-period-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.traffic-period-metrics>article{padding:21px;min-width:0}.traffic-period-metrics span{display:block;font-size:12px;font-weight:650;line-height:1.8;color:var(--muted)}.traffic-period-metrics strong{display:block;font-size:29px;font-weight:800;line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.traffic-definition{margin:-7px 0 0;font-size:12px}.traffic-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.traffic-source{margin-top:18px}.traffic-source:first-child{margin-top:0}.traffic-source>div{display:flex;justify-content:space-between;gap:14px;align-items:center}.traffic-source strong{font-size:13px;font-weight:750}.traffic-source span{font-size:11px;line-height:1.7;text-align:end;color:var(--muted)}.traffic-source progress{display:block;width:100%;height:7px;margin-top:9px;border:0;border-radius:9px;overflow:hidden;appearance:none;background:var(--line);accent-color:var(--accent,var(--green))}.traffic-source progress::-webkit-progress-bar{background:var(--line)}.traffic-source progress::-webkit-progress-value{background:var(--accent,var(--green));border-radius:9px}.traffic-source progress::-moz-progress-bar{background:var(--accent,var(--green));border-radius:9px}.traffic-note{font-size:12px;margin-top:18px}.traffic-table-wrap{overflow-x:auto;max-width:100%;min-width:0}.traffic-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;text-align:start}.traffic-table th,.traffic-table td{text-align:start;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.traffic-table th{font-size:11px;font-weight:750;color:var(--muted);background:var(--surface-soft,var(--paper));white-space:nowrap}.traffic-table td{color:var(--ink);font-variant-numeric:tabular-nums}.traffic-table th:first-child,.traffic-table td:first-child{padding-inline-start:14px}.traffic-table td:first-child{min-width:145px}.traffic-table td:last-child{min-width:95px}.traffic-table strong{font-size:13px;font-weight:750;overflow-wrap:anywhere}.traffic-table small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.traffic-table a{color:var(--accent,var(--green));font-weight:750;overflow-wrap:anywhere}.traffic-table a:hover{text-decoration:underline}.traffic-query-company+.traffic-query-company{margin-top:13px}.traffic-anonymous{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--muted)}.traffic-anonymous:before{content:"";width:6px;height:6px;background:var(--line);border-radius:50%}.traffic-filter-company{padding:7px 9px;min-height:36px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft,var(--paper));color:var(--accent,var(--green));font:inherit;font-size:11px;font-weight:750;white-space:nowrap}.traffic-empty{padding:25px 18px;margin:0;border:1px dashed var(--line);border-radius:7px;background:var(--surface-soft,var(--paper));font-size:13px;line-height:1.9;color:var(--muted)}.traffic-muted{font-size:12px;color:var(--muted)}.traffic-no-company{padding:25px}.traffic-no-company h2{font-size:23px;margin-bottom:12px}.traffic-no-company p{font-size:14px;line-height:1.9}.traffic-dashboard :is(button,a,input,select):focus-visible{outline:3px solid var(--accent,var(--green));outline-offset:3px}
@media(max-width:1150px){.traffic-heading{align-items:flex-start;flex-direction:column}.traffic-heading>a{max-width:none}.traffic-period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-two-column{grid-template-columns:1fr}.traffic-live-card{padding:20px}.traffic-live-card>strong{font-size:35px}.traffic-source span{font-size:12px}}
@media(max-width:760px){.traffic-dashboard{gap:17px}.traffic-dashboard>.panel-card,.traffic-two-column>.panel-card{padding:20px 17px}.traffic-heading h2{font-size:23px}.traffic-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.traffic-filters :is(input,select){font-size:16px;min-height:47px}.traffic-filters .traffic-query-field{grid-column:1/-1}.traffic-filters>.panel-button{font-size:12px;padding-inline:12px}.traffic-live-metrics{grid-template-columns:1fr;gap:12px}.traffic-live-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:19px}.traffic-live-card>.icon{grid-column:3;grid-row:1}.traffic-live-card>span{grid-column:1;grid-row:1;font-size:12px}.traffic-live-card>strong{grid-column:2;grid-row:1;font-size:32px}.traffic-live-toolbar{gap:12px}.traffic-live-toolbar>div:last-child{width:100%}.traffic-live-toolbar .panel-button{flex:1}.traffic-live-toolbar [data-traffic-updated]{flex-basis:100%;margin-inline-start:18px}.traffic-section-heading{flex-direction:column;gap:10px}.traffic-section-heading>small{text-align:start;max-width:none}.traffic-section-heading h3{font-size:18px}.traffic-minute-chart{gap:2px;height:135px}.traffic-period-metrics{gap:12px}.traffic-period-metrics>article{padding:18px 14px}.traffic-period-metrics strong{font-size:25px}.traffic-table{font-size:12px}.traffic-table th,.traffic-table td{padding:12px 10px}.traffic-table strong{font-size:12px}.traffic-table td:first-child{min-width:130px}.traffic-source>div{align-items:flex-start;flex-direction:column;gap:4px}.traffic-source span{text-align:start}.traffic-no-company{padding:20px}}
@media(max-width:420px){.traffic-filters{grid-template-columns:1fr}.traffic-filters .traffic-query-field{grid-column:auto}.traffic-live-card{gap:9px}.traffic-live-card>strong{font-size:29px}.traffic-live-card>.icon{width:18px;height:18px}}