.traffic{color:#173d35;gap:20px;display:grid}.traffic button,.traffic a,.traffic-capture button{color:#fff;cursor:pointer;background:#087c58;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.traffic button:disabled,.traffic-capture button:disabled{opacity:.55;cursor:wait}.traffic .traffic-secondary{color:#136146;background:#eaf4ef}.traffic-hero{color:#fff;background:linear-gradient(125deg,#07563f,#119b77);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.traffic-hero span,.traffic-kicker{letter-spacing:1.5px;font-size:11px;font-weight:800}.traffic-hero h2{align-items:center;gap:10px;margin:8px 0;font-size:29px;display:flex}.traffic-hero p{color:#ddf7ea}.traffic-hero>button{color:#173c2e;background:#ff942c;flex-shrink:0}.traffic-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.traffic-metrics article{background:#fff;border:1px solid #d9e8df;border-top:4px solid #11a879;border-radius:16px;gap:8px;padding:20px;display:grid}.traffic-metrics article:nth-child(2){border-top-color:#f6932d}.traffic-metrics article:nth-child(3){border-top-color:#8271dc}.traffic-metrics strong{font-size:25px}.traffic-metrics svg{color:#168a65}.traffic-note{color:#536d63;font-size:13px}.traffic-form,.traffic-detail{background:#fff;border:1px solid #d6e7dc;border-radius:18px;gap:16px;padding:24px;display:grid}.traffic fieldset{border:0;min-width:0;padding:0}.traffic-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.traffic label,.traffic-capture label{gap:7px;font-weight:600;display:grid}.traffic input,.traffic select,.traffic-capture input{color:#193f32;width:100%;font:inherit;background:#fff;border:1px solid #bfd5c8;border-radius:9px;min-width:0;padding:12px}.traffic-section-title,.traffic-detail>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.traffic h3{font-size:20px;font-weight:750}.traffic h4{font-size:17px;font-weight:700}.traffic-campaigns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.traffic-campaigns>article{background:#fff;border:1px solid #d7e6dd;border-radius:18px;gap:13px;padding:22px;display:grid;box-shadow:0 5px 20px #0e503b08}.traffic-campaigns header{justify-content:space-between;align-items:center;display:flex}.traffic-campaigns header button{color:#24614a;background:#eff6f2;padding:10px}.traffic-badge{color:#9a590d;background:#fff0dd;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.traffic-badge.live{color:#0b6a43;background:#dcf6e9}.traffic-card-metrics{border-block:1px solid #e3ece7;flex-wrap:wrap;gap:16px;padding:14px 0;display:flex}.traffic-card-metrics span{gap:4px;font-size:12px;display:grid}.traffic-card-metrics b{font-size:20px}.traffic-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.traffic-empty{text-align:center;background:#f0f8f3;border:1px dashed #add5bf;border-radius:18px;padding:45px}.traffic-empty svg{margin:auto}.traffic-error{color:#a13321;background:#fff0ed;border-radius:10px;padding:14px}.traffic-notice{color:#176637;background:#e3f6e9;border-radius:10px;padding:14px}.traffic-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f3f8f5;border-radius:12px;padding:20px;line-height:1.7}.traffic-detail ol{padding-left:22px;line-height:1.8;list-style:decimal}.traffic-capture{color:#193e31;background:linear-gradient(135deg,#064d37,#159b71);min-height:100vh;padding:40px 18px;font-family:Arial,sans-serif}.traffic-capture>section{background:#fff;border-top:7px solid #ff922b;border-radius:24px;max-width:620px;margin:auto;padding:36px;box-shadow:0 20px 70px #002e3120}.traffic-capture h1{margin:16px 0;font-size:34px;line-height:1.15}.traffic-capture p{line-height:1.6}.traffic-capture form{gap:18px;margin-top:24px;display:grid}.traffic-capture .traffic-consent{align-items:flex-start;font-size:13px;line-height:1.5;display:flex}.traffic-consent input{flex-shrink:0;width:20px;margin-top:3px}.traffic-capture small{color:#60776b;font-size:12px}.traffic-honey{display:none!important}:is(.traffic button:focus-visible,.traffic a:focus-visible,.traffic-capture button:focus-visible){outline-offset:3px;outline:3px solid #ff942c}@media (max-width:800px){.traffic-metrics{grid-template-columns:repeat(2,1fr)}.traffic-campaigns{grid-template-columns:1fr}.traffic-hero{flex-direction:column;align-items:flex-start}.traffic-fields{grid-template-columns:1fr}.traffic-capture>section{padding:24px}.traffic-hero h2{font-size:25px}}
