:root{
  --bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;
  --brand:#2563eb;--brand2:#3b82f6;--good:#10b981;--warn:#f59e0b;--bad:#ef4444;--shadow:0 18px 50px rgba(15,23,42,.08)
}
html.dark{--bg:#030712;--surface:#0b0f19;--surface2:#111827;--text:#f8fafc;--muted:#94a3b8;--border:#1f2937;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{outline:none}.hidden{display:none!important}.muted,.small-muted{color:var(--muted)}.small-muted{font-size:12px}.eyebrow{margin:0 0 7px;font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--brand2)}
.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:999px;z-index:0}.a1{width:440px;height:440px;background:#2563eb;right:-180px;top:-180px}.a2{width:340px;height:340px;background:#06b6d4;left:-180px;bottom:-180px}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:9px}.brand strong{display:block;font-size:16px;line-height:1.05}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.brand-center{justify-content:center;margin-bottom:28px}.brand-center .brand-logo{width:42px;height:42px}.top-actions{display:flex;align-items:center;gap:8px}.live-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 0 rgba(245,158,11,.45)}.live-badge.online .pulse{background:var(--good);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.icon-btn,.soft-btn,.primary-btn{border:1px solid var(--border);background:var(--surface);border-radius:11px;cursor:pointer;transition:.16s ease}.icon-btn:hover,.soft-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.icon-btn{width:38px;height:38px;display:grid;place-items:center;font-size:18px}.soft-btn{padding:9px 13px;font-weight:700;font-size:12px}.primary-btn{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;border-color:transparent;padding:11px 16px;font-weight:800;box-shadow:0 8px 24px rgba(37,99,235,.23)}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-btn:disabled{opacity:.55;cursor:wait}.compact{padding:9px 13px;font-size:12px}.inline-btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}
.page{position:relative;z-index:1;max-width:1440px;margin:auto;padding:38px 28px 58px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.hero-row h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.035em;line-height:1.06;margin:0 0 10px}.hero-row p{margin-top:0}.timestamp{text-align:right;font-size:11px;color:var(--muted);line-height:1.55}.timestamp strong{color:var(--text);font-size:13px}.setup-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(59,130,246,.04));border:1px solid rgba(59,130,246,.35);border-radius:16px;padding:16px 18px;margin-bottom:18px}.setup-banner p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--brand) 4%),var(--surface));border:1px solid var(--border);border-radius:18px;padding:18px;min-height:132px;box-shadow:var(--shadow)}.metric-card.accent:after,.metric-card.strong:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:rgba(59,130,246,.09)}.metric-card.strong{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}.metric-kicker{font-size:12px;font-weight:700;color:var(--muted)}.metric-value{font-size:32px;font-weight:850;letter-spacing:-.04em;margin-top:16px}.metric-sub{font-size:12px;color:var(--muted);margin-top:7px}.live-number{position:relative}.live-number:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:8px;vertical-align:4px}
.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px}.two-col.lower{grid-template-columns:1fr 1fr}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-head h2{font-size:17px;margin:0;letter-spacing:-.015em}.legend{display:flex;gap:13px;font-size:11px;color:var(--muted)}.legend span{display:flex;gap:6px;align-items:center}.legend-line{display:block;width:18px;height:3px;border-radius:99px}.legend-line.ads{background:#3b82f6}.legend-line.regs{background:#10b981}.chart{height:260px;display:grid;place-items:center}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1}.chart-label{fill:var(--muted);font-size:9px}.chart-ads{fill:none;stroke:#3b82f6;stroke-width:3}.chart-regs{fill:none;stroke:#10b981;stroke-width:3}.chart-area{fill:rgba(59,130,246,.07)}
.funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:10px 0 16px}.funnel>div{background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:13px 10px;min-width:0}.funnel span{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel strong{font-size:20px;display:block;margin-top:4px}.funnel i{font-style:normal;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stats>div{border-top:1px solid var(--border);padding-top:12px}.mini-stats span{display:block;font-size:11px;color:var(--muted)}.mini-stats strong{display:block;margin-top:5px}.fineprint{font-size:10px;line-height:1.55;color:var(--muted);margin:14px 0 0}
.table-wrap{overflow:auto;max-height:340px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:9px 8px;border-bottom:1px solid var(--border)}td{padding:11px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}td:not(:first-child),th:not(:first-child){text-align:right}.empty{padding:25px!important;text-align:center!important;color:var(--muted)!important}.registration-list{display:flex;flex-direction:column;gap:7px;max-height:340px;overflow:auto}.registration-item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface2);border:1px solid var(--border);padding:10px 12px;border-radius:12px}.registration-item strong{font-size:12px}.registration-item span{font-size:10px;color:var(--muted);white-space:nowrap}.channel-list{display:flex;flex-direction:column;gap:12px}.channel-row{display:grid;grid-template-columns:140px 1fr 48px;gap:11px;align-items:center;font-size:12px}.bar-track{height:7px;background:var(--surface2);border-radius:99px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.channel-row strong{text-align:right}.badge{display:inline-flex;padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}.ai-panel textarea{width:100%;resize:vertical;background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:12px;font-size:11px;line-height:1.55;min-height:145px;outline:none}.ai-panel textarea:focus{border-color:var(--brand)}.export-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.source-strip{display:grid;grid-template-columns:repeat(3,auto) 1fr;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:16px}.source-status{display:flex;align-items:center;gap:8px;padding-right:14px;border-right:1px solid var(--border)}.source-status .dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}.source-status.ok .dot{background:var(--good)}.source-status.bad .dot{background:var(--bad)}.source-status div{font-size:10px;color:var(--muted)}.source-status strong{display:block;color:var(--text);font-size:10px;margin-top:2px}.source-note{font-size:10px;color:var(--muted);text-align:right}
.settings-dialog{width:min(760px,94vw);max-height:88vh;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.45)}.settings-dialog::backdrop{background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:0;font-size:19px}.dialog-actions{border-top:1px solid var(--border);border-bottom:0}.settings-scroll{overflow:auto;max-height:65vh;padding:0 19px}.settings-section{padding:20px 0;border-bottom:1px solid var(--border)}.compact-section{border:0}.setting-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.setting-title h3{margin:0;font-size:14px}.setting-title p{margin:5px 0 0;font-size:11px;color:var(--muted)}.form-grid{display:grid;gap:10px;margin-top:14px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label,.auth-form label{font-size:11px;font-weight:700;color:var(--muted)}select,input{width:100%;margin-top:6px;border:1px solid var(--border);background:var(--surface2);border-radius:11px;padding:10px;outline:none}select:focus,input:focus{border-color:var(--brand)}.label-title{display:block;margin:14px 0 7px;font-size:11px;font-weight:700;color:var(--muted)}.check-list{display:flex;flex-wrap:wrap;gap:7px}.check-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface2);border-radius:999px;padding:7px 10px;font-size:11px}.check-pill input{width:auto;margin:0}.toast{position:fixed;right:22px;bottom:22px;z-index:80;opacity:0;transform:translateY(12px);pointer-events:none;background:var(--text);color:var(--bg);border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
.auth-page{display:grid;place-items:center;background:var(--bg);min-height:100vh}.auth-shell{width:min(430px,92vw)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{text-align:center;font-size:23px;letter-spacing:-.03em;margin:0 0 8px}.auth-card>p{text-align:center;font-size:12px}.auth-form{display:flex;flex-direction:column;gap:13px;margin-top:24px}.auth-form .primary-btn{margin-top:3px}.form-error{min-height:18px;color:var(--bad);font-size:11px;text-align:center}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--border);margin-top:20px;padding-top:17px;font-size:10px;color:var(--muted)}.dot-good{width:7px;height:7px;background:var(--good);border-radius:50%}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.two-col.lower{grid-template-columns:1fr}.source-strip{grid-template-columns:1fr 1fr 1fr}.source-note{grid-column:1/-1;text-align:left}.funnel{grid-template-columns:1fr auto 1fr}.funnel>div:nth-of-type(3),.funnel>div:nth-of-type(4),.funnel i:nth-of-type(2),.funnel i:nth-of-type(3){display:none}}
@media(max-width:680px){.topbar{padding:11px 14px}.brand span{display:none}.top-actions .soft-btn{display:none}.page{padding:24px 14px 40px}.hero-row{align-items:flex-start;flex-direction:column}.timestamp{text-align:left}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:14px;min-height:116px}.metric-value{font-size:27px}.funnel{grid-template-columns:1fr 1fr}.funnel i{display:none}.form-grid.two{grid-template-columns:1fr}.source-strip{grid-template-columns:1fr}.source-status{border-right:0;border-bottom:1px solid var(--border);padding:0 0 9px}.source-note{grid-column:auto}.channel-row{grid-template-columns:110px 1fr 40px}}