@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#e9ebee;background:#0c0d0f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}main{min-height:100vh;display:grid;grid-template-columns:244px 1fr}aside{border-right:1px solid #24262a;padding:30px 20px;display:flex;flex-direction:column;background:#101113}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#d8ff5d;color:#111;font-size:16px}.product{font-family:DM Mono,monospace;font-size:10px;line-height:1.6;letter-spacing:.1em;color:#8d9096;margin:48px 12px 25px}nav{display:grid;gap:4px}nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;color:#8e9298;font-size:13px;border-radius:7px}nav a.active{background:#1a1c1f;color:#f8f8f4}.aside-foot{margin-top:auto;font-size:12px;color:#989ba0;display:flex;align-items:center;gap:8px;padding:12px}.dot{width:7px;height:7px;border-radius:50%;background:#65696e;display:inline-block}.dot.online{background:#d8ff5d;box-shadow:0 0 0 4px #d8ff5d16}.workspace{padding:34px clamp(24px,5vw,76px);max-width:1640px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.13em;color:#8c9097;margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.06em;line-height:1;margin-bottom:0}h1 em{font-style:normal;color:#d8ff5d}h2{font-size:16px;letter-spacing:-.03em;margin-bottom:0}.header-actions{display:flex;gap:9px}.primary,.ghost{border:1px solid #303338;border-radius:7px;padding:10px 13px;background:#1a1c1f;color:#e8e9eb;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}.primary{background:#d8ff5d;color:#141510;border-color:#d8ff5d}.ghost.danger{color:#dca7a7}.connection-line{min-height:81px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #292b2f;border-bottom:1px solid #292b2f}.connection-status{display:flex;align-items:center;gap:12px}.status-icon{width:32px;height:32px;display:grid;place-items:center;color:#d7aa69;background:#d7aa6914;border-radius:50%}.status-icon.ok{color:#d8ff5d;background:#d8ff5d14}.connection-status svg{width:17px}.connection-status strong{font-size:13px}.connection-status p{font-size:11px;color:#888c92;margin:3px 0 0}.scope-list{display:flex;gap:7px;flex-wrap:wrap}.scope-list span,.section-title>span{font:10px DM Mono,monospace;color:#acb0b5;background:#1c1f22;border:1px solid #2e3034;padding:5px 7px;border-radius:4px}.error{margin-top:15px;color:#fab1a8;border:1px solid #633c39;background:#2b1d1d;padding:12px;display:flex;gap:9px;font-size:12px;align-items:center}.selectors{display:grid;grid-template-columns:1fr 18px 1fr 18px auto;gap:16px;align-items:end;padding:29px 0;border-bottom:1px solid #292b2f}.selectors label{font-size:11px;color:#969aa1;font-weight:700;display:grid;gap:8px}.selectors select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#17191c;border:1px solid #33363a;color:#ebebea;border-radius:6px;padding:11px 12px;font-size:12px;outline:none}.selectors select:disabled{opacity:.55}.selectors>svg{color:#54575d;align-self:center;margin-top:16px}.result-label{font-size:11px;color:#a1a5aa;white-space:nowrap;display:flex;gap:8px;align-items:center;padding-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #292b2f}.metric{padding:24px 20px 23px 0;border-right:1px solid #292b2f;margin-right:20px}.metric:last-child{border:0}.metric span,.metric small{display:block;color:#8e9298;font-size:11px}.metric strong{display:block;font-size:23px;letter-spacing:-.06em;margin:7px 0}.data-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:42px;padding-top:31px}.section-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.table-area{min-width:0}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7e8389;font-size:10px;font-weight:500;padding:0 14px 9px 0}td{border-top:1px solid #292b2f;padding:14px 14px 14px 0;color:#c3c6c9}td:first-child{color:#f0f0ec;font-weight:600;max-width:210px}.table-empty{height:206px;display:grid;place-items:center;border-top:1px solid #292b2f;border-bottom:1px solid #292b2f;color:#777c82;font-size:12px;text-align:center;padding:20px}.table-empty.small{height:130px}.pixel-list{padding:0;margin:0;border-top:1px solid #292b2f;list-style:none}.pixel-list li{padding:14px 0;border-bottom:1px solid #292b2f;display:flex;align-items:center;gap:10px}.pixel-dot{width:8px;height:8px;background:#d8ff5d;border-radius:50%;box-shadow:0 0 0 4px #d8ff5d13}.pixel-list strong{display:block;font-size:12px}.pixel-list small,time{font:10px DM Mono,monospace;color:#858a90}.pixel-list time{margin-left:auto;text-align:right}.campaign-count{display:flex;align-items:center;gap:10px;border-bottom:1px solid #292b2f;padding:18px 0;color:#92969d;font-size:11px}.campaign-count strong{font-size:22px;color:#f1f1ee;margin-left:auto}.campaign-count svg{color:#d8ff5d;width:17px}.loading-screen{height:70vh;display:grid;place-items:center;color:#9ca0a7;gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){main{grid-template-columns:1fr}aside{display:none}.workspace{padding:25px}.data-grid{grid-template-columns:1fr}.scope-list{display:none}}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}.connection-line{padding:15px 0}.selectors{grid-template-columns:1fr}.selectors>svg,.result-label{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px 12px 16px 0;margin-right:12px}.data-grid{gap:30px}table th:nth-child(2),table td:nth-child(2){display:none}}