:root{color:#1d2433;font-synthesis:none;--primary:#5b4ee8;--primary-dark:#4035c7;--text:#1d2433;--muted:#727b8f;--line:#e5e8f0;--surface:#fff;--shadow:0 10px 32px #2523550f;background:#f5f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f6fa}body{background:#f5f6fa;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #5b4ee838}.page-width{width:min(1440px,100% - 48px);margin-inline:auto}.sticky-shell{z-index:50;position:sticky;top:0;box-shadow:0 4px 20px #201b5e12}.brand-bar{color:#fff;background:linear-gradient(105deg,#493fd2 0%,#6451eb 55%,#7658f0 100%)}.brand-bar__inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand strong{letter-spacing:.01em;font-size:19px;line-height:1.25;display:block}.logo-mark{background:#ffffff21;border:1px solid #fff3;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.logo-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px}.brand-actions{align-items:center;gap:18px;display:flex}.updated-time{color:#ffffffbd;white-space:nowrap;font-size:12px}.refresh-button{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.refresh-button:hover{background:#fff3}.refresh-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px}.filter-bar{border-bottom:1px solid var(--line);background:#fff}.filter-bar__inner{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.preset-group{gap:5px;display:flex}.filter-chip{color:#626b7f;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600}.filter-chip:hover{color:var(--primary);background:#f2f1ff}.filter-chip.is-active{color:#fff;background:var(--primary);box-shadow:0 4px 12px #5b4ee833}.filter-bar__tools{align-items:center;gap:18px;display:flex}.period-label{color:#7b8498;white-space:nowrap;font-size:12px}.scope-filter{color:#697386;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.audience-select,.table-tools select,.pagination__size select{color:#40485a;background:#fff;border:1px solid #dfe3ec;border-radius:8px;height:36px;padding:0 30px 0 11px;font-size:12px}.audience-select{color:#4d43c9;background:#f8f7ff;border-color:#d9d5fb;min-width:108px;font-weight:700}.custom-range{border-top:1px solid #f0f1f5;align-items:flex-end;gap:10px;min-height:60px;padding-block:10px 12px;display:flex}.custom-range label{color:#7b8498;gap:4px;font-size:11px;display:grid}.custom-range input{color:#333c4f;border:1px solid #dfe3ec;border-radius:8px;height:34px;padding:0 9px}.range-separator{color:#9aa2b2;padding-bottom:8px}.primary-button{color:#fff;background:var(--primary);border:0;border-radius:8px;height:34px;padding:0 16px;font-size:12px;font-weight:700}.filter-error{color:#c2414f;align-self:center;font-size:12px}.tab-bar{background:#fff}.tab-list{scrollbar-width:none;min-height:52px;display:flex;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}.tab-button{color:#70798d;background:0 0;border:0;flex:none;padding:0 22px;font-size:13px;font-weight:650;position:relative}.tab-button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:22px;right:22px}.tab-button:hover,.tab-button.is-active{color:var(--primary)}.tab-button.is-active:after{background:var(--primary)}.main-content{min-height:calc(100vh - 180px);padding-block:28px 44px}.data-state{color:#64748b;background:#fff;border:1px solid #e5e9f2;border-radius:16px;place-content:center;justify-items:center;gap:12px;min-height:280px;display:grid}.data-state--error strong{color:#b42318;font-size:18px}.data-state--error span{color:#667085}.page-stack{gap:18px;display:grid}.metric-section{gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-grid--overview{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e8eaf1;border-radius:13px;padding:20px;position:relative}.metric-card__top{color:#747d90;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.metric-card strong{color:#20283a;letter-spacing:-.03em;white-space:nowrap;margin-top:13px;font-size:clamp(22px,2vw,28px);line-height:1;display:block}.metric-delta{border-radius:5px;flex:none;padding:3px 6px;font-size:10px;font-weight:700}.metric-delta--up{color:#087d61;background:#eaf8f3}.metric-delta--down{color:#c2414f;background:#fff0f1}.metric-delta--flat{color:#7b8498;background:#f2f4f7}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel-grid--wide-left{grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr)}.panel{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:13px;padding:20px}.panel--table{padding:0;overflow:hidden}.panel--table .panel-heading{padding:20px}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:34px;display:flex}.panel-heading--wrap{flex-wrap:wrap}.panel-heading--table{flex-wrap:wrap;align-items:center;min-height:76px}.panel-heading h2{color:#263044;margin:0;font-size:16px;line-height:1.35}.panel-heading__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.summary-cards{grid-template-columns:repeat(var(--summary-columns), minmax(0, 1fr));gap:14px;display:grid}.summary-card{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e8eaf1;border-radius:12px;padding:16px}.summary-card span{color:#7a8295;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;display:block;overflow:hidden}.summary-card strong{color:#252d3e;letter-spacing:-.02em;white-space:nowrap;margin-top:7px;font-size:21px;line-height:1;display:block}.retention-single{align-content:center;min-height:350px;padding:26px 10px 16px;display:grid}.retention-single__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.retention-stat{background:linear-gradient(145deg,#fafaff,#fff);border:1px solid #e7e9f2;border-radius:12px;min-width:0;padding:22px}.retention-stat span{color:#727b8f;font-size:12px;font-weight:650;display:block}.retention-stat strong{color:#252d3e;letter-spacing:-.03em;margin-top:12px;font-size:30px;line-height:1;display:block}.retention-stat small{color:#939aac;margin-top:10px;font-size:11px;display:block}.retention-trend{min-height:350px}.chart{width:100%;min-width:0}.table-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-control input{color:#364054;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23848ca0' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 11px no-repeat;border:1px solid #dfe3ec;border-radius:8px;width:190px;height:36px;padding:0 11px 0 34px;font-size:12px}.search-control input::placeholder{color:#a1a8b7}.export-button{color:#5145d5;background:#f3f1ff;border:1px solid #ddd9ff;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.export-button:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.export-button:disabled{cursor:not-allowed;opacity:.46}.export-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px}.table-scroll{border-top:1px solid #edf0f5;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.user-table{min-width:1240px}.referral-table{min-width:1320px}.phone-cell{color:#4f586a;font-variant-numeric:tabular-nums;white-space:nowrap}th{color:#778094;text-align:left;white-space:nowrap;background:#f8f9fb;border-bottom:1px solid #edf0f5;height:42px;padding:10px 14px;font-weight:650}th button{color:inherit;font-weight:inherit;background:0 0;border:0;padding:0}.sort-icon{color:#adb3c0;text-align:center;width:14px;margin-left:4px;font-size:10px;display:inline-block}td{color:#4a5366;white-space:nowrap;border-bottom:1px solid #eef0f5;height:56px;padding:11px 14px}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:20px}tbody tr:hover td{background:#fafaff}tbody tr:last-child td{border-bottom:0}.person-cell strong{color:#2b3446;font-size:12px;display:block}.source-tag{color:#6658da;background:#f1efff;border-radius:5px;padding:4px 7px;font-size:10px;display:inline-block}.account-tag{border-radius:5px;padding:4px 7px;font-size:10px;font-weight:650;display:inline-block}.account-tag--external{color:#087d61;background:#eaf8f3}.account-tag--internal{color:#a15c00;background:#fff4dc}.account-tag--test{color:#c2414f;background:#fff0f1}.row-index{color:#9299a9;font-variant-numeric:tabular-nums}.numeric{font-variant-numeric:tabular-nums}.strong-number{color:var(--primary);font-weight:750}.rate-bar{vertical-align:middle;background:#ebeef4;border-radius:4px;width:66px;height:5px;margin-right:8px;display:inline-block;overflow:hidden}.rate-bar i{background:var(--primary);border-radius:inherit;height:100%;display:block}.pagination{color:#8991a2;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 20px;font-size:11px;display:flex}.pagination__controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pagination__size{display:inline-flex}.pagination__size select{min-width:112px}.pagination__pages{align-items:center;gap:4px;display:flex}.pagination button{color:#596276;background:#fff;border:1px solid #dfe3ec;border-radius:8px;min-width:34px;min-height:34px;padding:0 8px;font-size:11px}.pagination .pagination__nav{place-items:center;width:34px;padding:0;display:inline-grid}.pagination__nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px}.pagination .pagination__page.is-active{color:#fff;background:var(--primary);border-color:var(--primary);font-weight:750;box-shadow:0 3px 8px #5b4ee82e}.pagination__ellipsis{color:#9aa2b2;text-align:center;min-width:22px}.pagination button:hover:not(:disabled){color:var(--primary);background:#f8f7ff;border-color:#cfc9fb}.pagination .pagination__page.is-active:hover{color:#fff;background:var(--primary-dark);border-color:var(--primary-dark)}.pagination button:disabled{cursor:not-allowed;opacity:.42}.empty-state{color:#80889a;text-align:center;place-content:center;gap:7px;min-height:150px;display:grid}.empty-state strong{color:#4f586a;font-size:13px}.empty-state span{font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid--wide-left{grid-template-columns:1fr}}@media (width<=760px){.page-width{width:min(100% - 24px,1440px)}.brand-bar__inner{gap:10px;min-height:66px}.brand strong{font-size:15px}.updated-time{display:none}.logo-mark{width:34px;height:34px}.refresh-button{justify-content:center;width:36px;min-height:36px;padding:0;font-size:0}.refresh-button svg{width:17px}.filter-bar__inner{gap:9px;min-height:auto;padding-block:10px;display:grid}.preset-group{scrollbar-width:none;width:100%;padding-bottom:1px;overflow-x:auto}.filter-chip{white-space:nowrap;min-height:32px;padding-inline:12px}.filter-bar__tools{justify-content:space-between;width:100%}.custom-range{flex-wrap:wrap;align-items:stretch}.custom-range label{flex:130px}.custom-range input{width:100%}.range-separator{display:none}.primary-button{align-self:end}.filter-error{width:100%}.tab-list{width:100%;min-height:48px}.tab-button{padding-inline:12px;font-size:11px}.tab-button:after{left:12px;right:12px}.main-content{padding-block:20px 32px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(n){border:1px solid #e8eaf1;grid-column:auto;padding:16px 14px}.metric-card strong{font-size:22px}.metric-card__top{flex-direction:column;align-items:flex-start;gap:6px}.metric-grid--overview .metric-card:nth-child(n){grid-column:auto}.metric-grid--overview .metric-card:last-child{grid-column:1/-1}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:12px}.summary-card strong{font-size:19px}.panel-grid{grid-template-columns:1fr}.panel{border-radius:11px;padding:16px 12px}.panel--table{padding:0}.panel--table .panel-heading{padding:16px 12px}.panel-heading--table{align-items:stretch}.panel-heading--wrap{display:grid}.panel-heading__controls{justify-content:flex-start}.panel-heading--wrap .panel-heading__controls{width:100%}.retention-single{min-height:310px;padding-inline:0}.retention-single__metrics{grid-template-columns:1fr}.retention-stat{padding:16px}.retention-stat strong{font-size:26px}.table-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.search-control{grid-column:1/-1}.search-control input{width:100%}.table-tools select{width:100%;min-width:0}.export-button{grid-column:1/-1;justify-content:center}.pagination{flex-direction:column;align-items:stretch;padding-inline:12px}.pagination__controls{flex-wrap:wrap;justify-content:flex-start}.pagination__size,.pagination__size select{width:100%}.pagination__pages{max-width:calc(100% - 84px);overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}