:root{color-scheme:dark;--bg:#0b171b;--panel:#102127;--edge:#293e42;--fg:#e6ebe0;--muted:#91a5a6;--mint:#93c1b1;--gold:#d1b681}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,select,input{border:1px solid var(--edge);background:#162b30;color:var(--fg);border-radius:6px;padding:9px 12px}button{cursor:pointer}button:hover{border-color:var(--mint);background:#20383a}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--mint);color:#112522;font-weight:600;border:0;padding:12px 20px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.top{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);background:#0d1b20}.top>div{display:flex;align-items:center;gap:22px}.brand{text-decoration:none;color:var(--fg);font-size:23px;font-weight:700;letter-spacing:3px}.brand span{font-size:11px;letter-spacing:2px;color:var(--mint);margin-left:12px}.top #updated{font-size:11px;color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:600}.muted,small{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.25;letter-spacing:-1px;margin-bottom:12px}h2{font-size:19px;font-weight:600;margin-bottom:17px}#login{max-width:1080px;min-height:calc(100vh - 76px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:70px 32px}.login-art{position:relative;height:470px;overflow:hidden;background:radial-gradient(ellipse at 35% 60%,#2d534e88,transparent 60%)}.login-art i{display:block;position:absolute;inset:25px 40px;border:1px solid #456c60;border-radius:48% 43% 25% 54%;transform:rotate(21deg)}.login-art i:nth-child(2){inset:60px 80px;transform:rotate(43deg);border-color:#789c8080}.login-art i:nth-child(3){inset:100px 120px;transform:rotate(60deg);border-color:#beac75}.login-art span{position:absolute;top:145px;left:110px;font-size:38px;line-height:1.13;font-weight:650;color:#d9d8b6;letter-spacing:1px}.login-copy h1{font-size:43px;margin:18px 0 25px}.login-copy p{color:var(--muted)}#login-form{margin-top:34px;display:grid;gap:18px;max-width:360px}#login-form input{display:block;width:100%;margin-top:9px;padding:13px}#login-error{color:#edb2a5;min-height:22px}.sidebar{position:fixed;top:76px;bottom:0;left:0;width:218px;padding:35px 20px;border-right:1px solid var(--edge);display:flex;flex-direction:column}.sidebar nav{margin-top:30px;display:grid;gap:10px}.sidebar nav button{display:flex;justify-content:space-between;text-align:left;background:transparent;border:0;padding:13px 14px;color:var(--muted)}.sidebar nav .selected{background:#243c37;color:#d9e2ca}.sidebar nav span{font-size:10px;color:#6f8887}.sidebar-note{margin-top:auto;padding:20px 12px 5px;border-top:1px solid var(--edge)}.sidebar-note p,.sidebar-note span{font-size:11px;color:var(--muted)}.sidebar-note b{font-size:13px}.workspace{margin-left:218px;padding:34px 38px 24px;max-width:1920px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.heading h1{margin-top:10px}.tools{display:flex;gap:8px;flex-shrink:0}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:20px 0;margin:20px 0 14px}.filters label{font-size:10px;color:var(--muted);letter-spacing:.7px}.filters select{display:block;width:100%;margin-top:5px;font-size:12px;padding:9px 6px;max-width:100%;text-overflow:ellipsis}.coverage{font-size:11px;color:var(--muted);max-width:1050px}#status{color:var(--gold);font-size:12px;min-height:20px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{padding:20px 20px 17px;background:var(--panel);border:1px solid var(--edge);border-radius:8px;min-width:0}.metric .label{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:31px;font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;margin:11px 0 6px}.metric small{font-size:10px;display:block}.metric.accent strong{color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:24px;margin-bottom:22px;overflow:hidden;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-title h2{margin:6px 0 20px}.panel-title input{font-size:12px;width:min(100%,330px);margin-bottom:12px}.panel-title small{font-size:10px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.two-col .panel{margin-bottom:22px}#trend svg{width:100%;height:auto;max-height:270px;display:block}.chart-grid{stroke:#32454a;stroke-width:1;stroke-dasharray:3 5}.chart-line{stroke:var(--mint);stroke-width:2.5;fill:none}.chart-dot{fill:var(--gold)}.chart-axis{fill:var(--muted);font-size:11px}.chart-note{font-size:11px;color:var(--muted);margin:12px 0}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.5px}td{font-size:12px;font-variant-numeric:tabular-nums}th,td{padding:12px 14px 12px 0;border-bottom:1px solid #263d40}.table-scroll{overflow-x:auto}.table-scroll td:first-child{max-width:300px;overflow:hidden;text-overflow:ellipsis}.empty{padding:28px 14px;color:var(--muted);border:1px dashed #334b4e;text-align:center;border-radius:6px;font-size:12px}.funnel-row{display:grid;grid-template-columns:90px 1fr 70px;gap:10px;align-items:center;margin:16px 0;font-size:11px}.bar-track{fill:#183437}.bar-fill{fill:#82c5b4}.funnel-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold)}.funnel-row small{font-size:10px;color:var(--muted)}.quality-row,.count-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2b4247;padding:13px 0}.quality-row b,.count-row b{font-weight:500;color:var(--mint);font-size:20px;font-variant-numeric:tabular-nums}.quality-row span,.count-row span{font-size:12px}.quality-row small,.count-row small{display:block;font-size:10px}.quality-row.bad b{color:#e8aa93}.notice{background:#26382e;color:#b9c2a8;padding:16px;border-radius:6px;margin:20px 0 0;font-size:12px}.retention-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.immature{color:#708786;font-size:11px}.retention-value{color:var(--mint);font-weight:600}.retention-value small{display:block;font-weight:400;font-size:10px}#definitions section{border-bottom:1px solid var(--edge);padding:15px 0}#definitions h3{color:var(--mint);font-size:13px}#definitions p{font-size:13px;color:var(--muted);line-height:1.9}.footnote{color:#6f8588;font-size:10px;text-align:center;padding:12px 0 0}details summary{font-size:11px;cursor:pointer;color:var(--muted);padding:10px 0}.tools button{font-size:11px}.panel p.muted{font-size:12px}.event-name{color:var(--mint);font-family:ui-monospace,monospace}.count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}
@media(min-width:1600px){.workspace{padding-left:55px;padding-right:55px}.metric strong{font-size:36px}}
@media(max-width:1100px){.sidebar{width:174px;padding:28px 12px}.workspace{margin-left:174px;padding:26px 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.retention-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.top{padding:0 24px}.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.top{height:auto;min-height:66px;padding:14px 18px;gap:10px}.top #updated{display:none}.brand{font-size:20px}.brand span{font-size:9px;margin-left:6px}.sidebar{position:static;width:auto;border:0;padding:12px 16px 0}.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav{display:flex;gap:6px;margin:0;overflow-x:auto;padding-bottom:8px}.sidebar nav button{white-space:nowrap;padding:9px 11px;font-size:12px}.sidebar nav span{display:none}.workspace{margin:0;padding:17px 16px}.heading{align-items:flex-start;gap:8px}.heading h1{font-size:28px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.tools{flex-direction:column}.tools button{font-size:10px;padding:6px 8px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px;padding:16px 0;gap:10px}.filters label:last-child{grid-column:1 / -1}.metric{padding:16px 14px}.metric strong{font-size:27px}.cards{gap:10px}.retention-cards{grid-template-columns:1fr}.retention-cards .metric{display:grid;grid-template-columns:1fr 1fr;align-items:center}.retention-cards .metric strong{grid-row:1 / 3;grid-column:2;text-align:right;margin:0}.retention-cards .metric small{grid-column:1}.panel{padding:18px 15px}.panel h2{font-size:17px}.count-grid{grid-template-columns:1fr}.coverage{font-size:10px}#login{display:block;padding:35px 24px}.login-art{display:none}.login-copy{max-width:420px;margin:30px auto}.login-copy h1{font-size:38px}#login-form{max-width:none}.chart-axis{font-size:12px}.funnel-row{grid-template-columns:76px 1fr 66px}}

.funnel-bar{width:100%;height:8px;overflow:visible}.funnel-bar .bar-track{fill:#183437}.funnel-bar .bar-fill{fill:#82c5b4}

.gear-heading{font-size:14px;margin:28px 0 8px;color:var(--mint)}