:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f1fb;background:#0d0a12;--panel:#15111d;--line:#2a2235;--muted:#9388a3;--accent:#9d6cff;--accent2:#6e48c9;--good:#54d6a1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#24153b 0,transparent 32%),#0d0a12;color:#f4f1fb}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.topbar,.panel-head,.actions,.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar{margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8f7ba9}.topbar h1{font-size:28px;margin:3px 0 0}.actions{justify-content:flex-end}button,select,input,textarea{font:inherit}button,select{border:1px solid #392e49;background:#21172d;color:#f5efff;border-radius:9px;padding:9px 12px}button{cursor:pointer}button:hover{border-color:#7657a7}.ghost{background:transparent;color:#c1b7cf}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric,.panel{background:linear-gradient(180deg,rgba(29,23,39,.98),rgba(20,16,28,.98));border:1px solid var(--line);border-radius:14px}.metric{padding:16px 18px}.metric .label{font-size:12px;color:var(--muted)}.metric .value{font-size:30px;font-weight:750;margin-top:6px}.metric .hint{font-size:11px;color:#756c80;margin-top:4px}.panel{padding:16px 18px;margin-bottom:12px}.panel-head{margin-bottom:12px}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:3px 0 0}.compact{align-items:flex-start}.projects{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px 100px 100px 112px;align-items:center;gap:10px;padding:12px 4px;border-top:1px solid #211a2b}.project-row:first-child{border-top:0}.project-name{font-weight:650}.project-id{font-size:11px;color:#776d82;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.project-stat{font-size:12px;color:var(--muted)}.project-stat strong{display:block;color:#f1eafb;font-size:17px}.status{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid #355f51;color:#76d9b3;text-align:center}.status.off{border-color:#5c3a3a;color:#be8585}.chart{height:210px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart .axis{stroke:#3a3046;stroke-width:1}.chart .dau{fill:none;stroke:#b78cff;stroke-width:2.2}.chart .mau{fill:none;stroke:#5bd6a2;stroke-width:2.2}.chart-labels{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.dot.dau{background:#b78cff}.dot.mau{background:#5bd6a2}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split .panel{margin-bottom:12px}.seg{display:flex;gap:4px}.seg button{padding:6px 9px;font-size:11px;background:transparent}.seg button.active{background:#332247;border-color:#60458a}.bars{display:flex;flex-direction:column;gap:10px;min-height:120px}.bar-row{display:grid;grid-template-columns:80px 1fr 58px;gap:10px;align-items:center;font-size:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:#251d30;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#7047b7,#a879ff);border-radius:99px}.bar-value{text-align:right;color:#bfb3ca}.empty{color:#786f82;font-size:12px;padding:26px 4px}.retention-wrap{overflow:auto;padding-bottom:4px}.retention-table{border-collapse:separate;border-spacing:4px;font-size:11px;min-width:720px}.retention-table th{color:#7f748b;font-weight:550;text-align:center;padding:3px 5px}.retention-table th:first-child{text-align:left;position:sticky;left:0;background:#17121f;z-index:2}.retention-table td{min-width:43px;height:31px;text-align:center;border-radius:5px;color:#e9ddf6;background:#211a2b}.retention-table td.cohort{position:sticky;left:0;text-align:left;min-width:112px;padding:0 8px;background:#17121f;color:#a99db5;z-index:1}.retention-table td.future{background:#15111d;color:#4e4657}.retention-table td.hot{color:white;font-weight:650}dialog{width:min(440px,calc(100% - 28px));border:1px solid #443453;border-radius:14px;background:#17121f;color:#f4eefb;padding:0;box-shadow:0 24px 80px #0009}dialog::backdrop{background:#08060bb8;backdrop-filter:blur(4px)}form{padding:18px}.dialog-head{margin-bottom:16px}.dialog-head h3{margin:0}.icon{border:0;background:transparent;font-size:22px;padding:0 4px;color:#a99cb8}label{display:block;font-size:12px;color:#a99cb8;margin-top:12px}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #3a2e48;background:#0f0c14;color:#f4eefb;border-radius:9px;padding:10px 11px;outline:0}input:focus,textarea:focus{border-color:#7557a5}textarea{min-height:82px;resize:vertical}.dialog-actions{justify-content:flex-end;margin-top:16px}.created-id{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;background:#0e0b13;border:1px solid #3a2e48;padding:10px;border-radius:9px;margin-top:14px;word-break:break-all}.toast{position:fixed;right:20px;bottom:20px;background:#2a1d39;border:1px solid #5d4380;color:#f6efff;padding:10px 13px;border-radius:9px;font-size:12px;box-shadow:0 12px 30px #0008}.hidden{display:none!important}@media(max-width:820px){.summary-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.project-row{grid-template-columns:1.6fr 70px 70px}.project-row .project-stat:nth-of-type(3),.project-row .status{display:none}.actions{gap:6px}.topbar{align-items:flex-start}}@media(max-width:520px){.shell{width:min(100% - 20px,1180px);padding-top:18px}.summary-grid{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric .value{font-size:25px}.topbar{flex-direction:column}.actions{width:100%}.actions select{flex:1}.panel{padding:14px}.project-row{grid-template-columns:1fr 60px 60px}.chart{height:170px}}