.traffic-card{margin:24px 0;padding:24px;background:#fff;border:1px solid #d8e0d3;border-radius:16px;color:#233c30}.traffic-card h2{margin:0;font-size:22px}.traffic-card h3{font-size:16px;margin:22px 0 12px}.traffic-heading,.traffic-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.traffic-filters label{display:flex;gap:10px;align-items:center;font-size:13px}.traffic-card select,.traffic-card input{min-height:44px;border:1px solid #b6c5b9;border-radius:8px;padding:10px 12px;background:white;color:#233c30;font:inherit;max-width:100%}.traffic-card .button{min-height:44px}.traffic-hint{font-size:12px;color:#53675a;line-height:1.65}.traffic-card .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.traffic-table{border-collapse:collapse;width:100%;font-size:13px;table-layout:fixed}.traffic-table th,.traffic-table td{padding:12px 10px;text-align:right;border-bottom:1px solid #d8e0d3;vertical-align:top;font-variant-numeric:tabular-nums}.traffic-table th:first-child,.traffic-table td:first-child{text-align:left;width:60%;overflow-wrap:anywhere}.traffic-table td small{display:block;font-size:12px;line-height:1.6;color:#53675a;margin-top:4px}.traffic-registrations{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.traffic-registrations li{border:1px solid #d8e0d3;border-radius:10px;padding:12px;display:grid;gap:6px;overflow-wrap:anywhere;font-size:13px}.traffic-registrations span{font-size:12px;color:#53675a}.traffic-card summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.traffic-card details{margin-top:16px;border-top:1px solid #d8e0d3;padding-top:12px}.traffic-link-fields{display:flex;gap:12px;flex-wrap:wrap}.traffic-link-fields label{display:grid;gap:8px;flex:1;min-width:160px;font-size:13px}.traffic-link-result{display:flex;gap:10px;margin-top:12px}.traffic-link-result input{flex:1;min-width:0;font-size:13px}.traffic-card :focus-visible{outline:3px solid #538571;outline-offset:3px}@media(max-width:600px){.traffic-card{padding:16px}.traffic-card h2{font-size:20px}.traffic-card select,.traffic-card input{font-size:16px}.traffic-card .admin-metrics{grid-template-columns:1fr}.traffic-registrations{grid-template-columns:1fr}.traffic-table th,.traffic-table td{padding:10px 4px}.traffic-table th:first-child,.traffic-table td:first-child{width:54%}.traffic-link-result{flex-direction:column}.traffic-filters{width:100%}}
@media(max-width:600px){.traffic-table th:first-child,.traffic-table td:first-child{width:48%}.traffic-table th:nth-child(2),.traffic-table td:nth-child(2){width:18%}.traffic-table th:last-child,.traffic-table td:last-child{width:34%}}
.admin-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-heading-actions .button{min-height:44px}.app-dialog.traffic-dialog{width:min(1080px,calc(100vw - 32px));padding:24px}.traffic-dialog .traffic-card{margin:0;padding:0;border:0;border-radius:0}.traffic-dialog-heading{position:sticky;top:-24px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:#fff;border-bottom:1px solid #d8e0d3;margin:-8px 0 20px}.traffic-dialog-heading h2{font-size:24px;margin:0}.traffic-dialog-heading .button{flex-shrink:0;min-height:44px}.traffic-dialog .traffic-hint{color:#53675a}.traffic-search{margin-top:20px;padding:0 16px 4px;background:#f4f7f1;border:1px solid #d8e0d3;border-radius:12px}.traffic-search-links{display:flex;gap:10px;flex-wrap:wrap}.traffic-dialog :focus-visible{outline:3px solid #538571;outline-offset:3px}body:has(#traffic-dialog[open]){overflow:hidden}@media(max-width:600px){.admin-heading{flex-wrap:wrap}.admin-heading-actions{width:100%}.app-dialog.traffic-dialog{padding:16px}.traffic-dialog-heading{top:-16px;gap:12px}.traffic-dialog-heading h2{font-size:20px}.traffic-search{padding:0 12px 4px}.traffic-search-links .button{width:100%}}