@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#0c0e12;--panel:#14171d;--panel-2:#171b21;--line:#292e37;--muted:#858d9c;--text:#f4f6f2;--lime:#d4ff61;--mint:#43dcc1}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.dashboard-shell{background:radial-gradient(circle at 82% 0%, #5e785224, transparent 27rem), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0c0e12d1;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(24px,4vw,72px);display:flex;position:sticky;top:0}.brand,.top-actions{align-items:center;gap:14px;display:flex}.brand-mark{width:38px;height:38px;color:var(--lime);letter-spacing:-.5px;background:linear-gradient(145deg,#20261b,#10130e);border:1px solid #596344;border-radius:11px;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.brand-mark i{background:var(--lime);border:2px solid var(--bg);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.15px;font-size:14px}.brand span{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font:400 10px/1.5 DM Mono,monospace}.live-pill{border:1px solid var(--line);color:#aab1bc;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.live-pill i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{color:var(--text);background:#1e2229}.content{max-width:1500px;margin:0 auto;padding:54px clamp(24px,4vw,72px) 80px}.hero-row{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.eyebrow{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font:500 10px/1.2 DM Mono,monospace}.hero-row h1{letter-spacing:-.055em;margin:0;font-size:clamp(35px,4vw,58px);line-height:.98}.subtitle{color:var(--muted);margin:16px 0 0;font-size:14px}.filters{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.filters label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.filters select{min-width:136px;height:39px;color:var(--text);border:1px solid var(--line);background:#15181e;border-radius:9px;outline:none;margin-top:6px;padding:0 32px 0 12px;display:block}.filters select:focus{border-color:#596344}.refresh-button{background:var(--lime);color:#10120e;border:0;border-radius:9px;align-items:center;gap:8px;height:39px;padding:0 15px;font-size:12px;font-weight:800;display:flex}.refresh-button:disabled{opacity:.65}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#ffc4ce;background:#2b171d;border:1px solid #673240;border-radius:10px;align-items:center;gap:10px;margin:-15px 0 24px;padding:12px 14px;font-size:12px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.metric-card{background:linear-gradient(155deg, color-mix(in srgb, var(--tone) 8%, var(--panel)), var(--panel) 50%);border:1px solid var(--line);border-radius:14px;min-height:172px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";border:1px solid color-mix(in srgb, var(--tone) 25%, transparent);width:120px;height:120px;box-shadow:0 0 45px color-mix(in srgb, var(--tone) 8%, transparent);border-radius:50%;position:absolute;top:-55px;right:-55px}.metric-icon{width:32px;height:32px;color:var(--tone);background:color-mix(in srgb, var(--tone) 10%, transparent);border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);border-radius:9px;place-items:center;display:grid}.metric-card p{color:#a2a9b4;margin:20px 0 5px;font-size:12px;font-weight:700}.metric-card strong{letter-spacing:-.04em;font-size:clamp(26px,3vw,38px);line-height:1.1;display:block}.metric-card span{color:#6f7785;margin-top:7px;font-size:10px;display:block}.panel{border:1px solid var(--line);background:linear-gradient(160deg,#15181e,#12151a);border-radius:14px}.funnel-panel,.trend-panel{margin-bottom:12px;padding:22px 24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;min-height:43px;display:flex}.panel-head h2{letter-spacing:-.02em;margin:0;font-size:16px}.panel-head>span,.panel-head>svg{color:#737b88;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.funnel-flow{grid-template-columns:repeat(7,1fr);gap:16px;padding:28px 0 18px;display:grid}.funnel-step{min-width:0;position:relative}.step-top{justify-content:space-between;align-items:center;display:flex}.step-top>span{width:30px;height:30px;color:var(--lime);background:#20251b;border:1px solid #39402e;border-radius:8px;place-items:center;display:grid}.step-top em{color:#8e96a3;font:500 10px DM Mono,monospace}.funnel-step>strong{letter-spacing:-.04em;white-space:nowrap;margin-top:14px;font-size:clamp(20px,2.2vw,30px);display:block}.funnel-step>p{color:var(--muted);white-space:nowrap;margin:3px 0 0;font-size:10px}.connector{background:#3a4049;width:18px;height:1px;position:absolute;top:15px;right:-17px}.connector:after{content:"";border-top:1px solid #666e7a;border-right:1px solid #666e7a;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.method-note{color:#69717f;border-top:1px solid #242932;margin:0;padding-top:14px;font-size:10px;line-height:1.6}.trend-panel{min-height:380px}.legend{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.legend span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.chart-wrap{margin-top:14px;overflow-x:auto}.trend-chart{width:100%;min-width:680px;height:auto;overflow:visible}.grid-line{stroke:#272c34;stroke-width:1px}.axis-label{fill:#68717f;font:9px DM Mono,monospace}.two-column{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:12px;display:grid}.source-panel,.health-panel{min-width:0;padding:22px 24px}.table-scroll{margin:18px -8px -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#6e7683;text-align:right;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:11px 8px;font:500 9px DM Mono,monospace}th:first-child,td:first-child{text-align:left}td{text-align:right;color:#aeb4bd;white-space:nowrap;border-bottom:1px solid #242831;padding:15px 8px}tbody tr:last-child td{border-bottom:0}td:first-child{color:var(--text);font-weight:700}td strong,td small{display:block}td small{color:#68717e;margin-top:2px;font-size:9px}.source-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.source-dot.v1_banner{background:var(--lime)}.source-dot.v1_creator{background:#96a7ff}.health-list{margin-top:16px}.health-row{border-bottom:1px solid #252a32;grid-template-columns:32px 1fr;gap:10px;padding:15px 0;display:grid}.health-icon{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.health-icon.ok{color:var(--mint);background:#162824}.health-icon.warn{color:#ffaf69;background:#2b2118}.health-row strong{font-size:12px}.health-row p{color:#868e9a;margin:5px 0;font-size:10px;line-height:1.45}.health-row small{color:#5f6773;font:400 9px DM Mono,monospace}.health-foot{grid-template-columns:1fr auto;gap:7px 12px;margin-top:18px;display:grid}.health-foot span{color:#68717e;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:flex}.health-foot strong{color:#b6bdc7;text-align:right;font:500 9px DM Mono,monospace}.login-shell{background:#0c0e12;grid-template-columns:minmax(420px,42%) 1fr;min-height:100vh;display:grid}.login-card{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(40px,7vw,110px);display:flex}.login-mark{width:52px;height:52px;color:var(--lime);background:#181d15;border:1px solid #596344;border-radius:14px;place-items:center;margin-bottom:54px;font-weight:800;display:grid;position:relative}.login-mark i{background:var(--lime);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.login-card h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5vw,68px);line-height:.98}.login-copy{max-width:420px;color:var(--muted);margin:22px 0 38px;font-size:13px;line-height:1.7}.login-form{max-width:420px}.login-form label{color:#9aa2ae;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.password-field{border:1px solid var(--line);color:#67707d;background:#15181e;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.password-field:focus-within{border-color:#647247;box-shadow:0 0 0 3px #d4ff610f}.password-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.password-field input::placeholder{color:#59616c}.login-form button{color:#11140d;background:var(--lime);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:12px;font-weight:800;display:flex}.form-error{color:#ff889f;margin:9px 0 0;font-size:11px}.login-footnote{color:#555d69;margin-top:18px;font:400 9px DM Mono,monospace}.login-visual{background:radial-gradient(circle,#1b2119,#101216 48%,#090b0e 75%);place-items:center;display:grid;position:relative;overflow:hidden}.login-visual:before{content:"";opacity:.22;background-image:linear-gradient(#394032 1px,#0000 1px),linear-gradient(90deg,#394032 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.orbit{border:1px solid #35402d;border-radius:50%;position:absolute}.orbit:before,.orbit:after{content:"";background:var(--lime);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 20px #d4ff618c}.orbit-one{width:min(54vw,640px);height:min(54vw,640px);animation:28s linear infinite orbit}.orbit-one:before{top:12%;left:14%}.orbit-one:after{background:var(--mint);bottom:28%;right:4%}.orbit-two{border-style:dashed;width:min(34vw,400px);height:min(34vw,400px);animation:19s linear infinite reverse orbit}.orbit-two:before{background:#96a7ff;top:-5px;left:48%}.visual-copy{z-index:1;text-align:center;background:#111411db;border:1px solid #3a4332;border-radius:50%;place-content:center;width:230px;height:230px;display:grid;position:relative;box-shadow:0 0 80px #71963f1f}.visual-copy strong{letter-spacing:-.06em;font-size:44px;line-height:1}.visual-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin:3px 0 10px;font:500 9px DM Mono,monospace}.visual-copy i{background:var(--lime);width:38px;height:1px;margin:5px auto 14px;position:relative}.visual-copy i:after{content:"";border-top:1px solid var(--lime);border-right:1px solid var(--lime);width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.funnel-flow{grid-template-columns:repeat(4,1fr);row-gap:28px}.connector{display:none}}@media (max-width:760px){.topbar{padding:0 18px}.brand span,.live-pill{display:none}.content{padding:34px 16px 60px}.hero-row{flex-direction:column;align-items:stretch}.filters{justify-content:flex-start}.filters label{flex:1}.filters select{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:150px;padding:16px}.funnel-panel,.trend-panel,.source-panel,.health-panel{padding:18px}.funnel-flow{grid-template-columns:repeat(2,1fr)}.legend{justify-content:flex-start;margin-top:12px}.panel-head{flex-direction:column}.login-shell{grid-template-columns:1fr}.login-card{border:0;padding:44px 24px}.login-visual{display:none}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr;display:grid}.refresh-button{grid-column:1/-1;justify-content:center}}