*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .3s,color .3s}:root{--bg-primary: #0f1320;--bg-secondary: #1a1f35;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--border-color: rgba(255,255,255,.08);--border-hover: rgba(99,124,255,.45);--text-primary: #e8ecf3;--text-secondary: #8c93a8;--text-muted: #5a6072;--color-core: #ff4d4f;--color-sub: #f59e0b;--color-info: #6366f1;--color-others: #10b981;--color-pos: #22c55e;--color-neg: #ef4444;--color-flat: #facc15;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--gradient-title: linear-gradient(90deg, #60a5fa, #a78bfa);--gradient-text: linear-gradient(90deg, #e8ecf3, #a5b4fc);--shadow-card: 0 4px 12px rgba(99,124,255,.18);--accent-primary: #6366f1;--accent-secondary: #7c3aed;--diag-funnel-1: #a855f7;--diag-funnel-2: #9333ea;--diag-funnel-3: #8b5cf6;--diag-funnel-4: #7c3aed;--diag-funnel-5: #6366f1}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #e8ecf1;--bg-card: #fff;--bg-card-hover: #f0f4f8;--border-color: rgba(0,0,0,.08);--border-hover: rgba(99,124,255,.4);--text-primary: #1a1a2e;--text-secondary: #5a6072;--text-muted: #8c93a8;--accent-primary: #6366f1;--accent-secondary: #7c3aed;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--gradient-title: linear-gradient(90deg, #6366f1, #7c3aed);--gradient-text: linear-gradient(90deg, #1a1a2e, #4a5568);--shadow-card: 0 4px 12px rgba(99,124,255,.15)}.dashboard-container{padding:20px;min-height:100vh;background:var(--bg-primary);transition:background .3s}.dashboard-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-switch{font-size:24px;font-weight:600;cursor:pointer;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.5;transition:opacity .3s,transform .2s;-webkit-user-select:none;user-select:none;letter-spacing:2px;white-space:nowrap}.header-switch:hover{opacity:.85;transform:translate(3px)}.ip-filter{display:flex;align-items:center;gap:8px}.ip-filter-label{font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.ip-filter-tags{display:flex;gap:6px;flex-wrap:wrap}.ip-filter-tag{font-size:12px;padding:4px 12px;border-radius:14px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.ip-filter-tag:hover{background:#667eea1a;border-color:#667eea4d;color:var(--text-primary)}.ip-filter-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.header-right{display:flex;flex-direction:column;align-items:flex-end}.header-actions{display:flex;gap:12px;align-items:center}.data-time{font-size:11px;color:#888;text-align:right;margin-top:4px}.data-source-tag{font-size:12px;color:var(--text-secondary);background:var(--bg-card);padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);transition:all .3s}.stale-tag{font-size:12px;color:#f59e0b;background:#f59e0b1a;padding:6px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.3);cursor:pointer;transition:all .3s;animation:stale-pulse 2s ease-in-out infinite}.stale-tag:hover{background:#f59e0b33;border-color:#f59e0b80}@keyframes stale-pulse{0%,to{opacity:1}50%{opacity:.6}}.refresh-btn,.theme-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:all .3s;box-sizing:border-box;height:36px}.refresh-btn:hover,.theme-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-icon{transition:transform .5s}.refresh-btn.loading .refresh-icon{animation:spin 1s linear infinite}.user-info-btn{position:relative;display:flex;align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;height:36px;cursor:default}.theme-btn{font-size:18px;padding:8px 16px;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s;cursor:pointer}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card)}.stat-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.blue{background:#3b82f633}.stat-icon.green{background:#22c55e33}.stat-icon.orange{background:#f9731633}.stat-icon.purple{background:#a855f733}[data-theme=light] .stat-icon.blue{background:#3b82f626}[data-theme=light] .stat-icon.green{background:#22c55e26}[data-theme=light] .stat-icon.orange{background:#f9731626}[data-theme=light] .stat-icon.purple{background:#a855f726}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-change{font-size:13px;display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.expand-hint{margin-left:auto;font-size:12px;color:#667eea}.stat-card.expanded{grid-column:span 2;background:#667eea14;border-color:#667eea4d}.platform-detail{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.platform-detail-title{font-size:14px;color:#888;margin-bottom:16px}.platform-bars{display:flex;flex-direction:column;gap:12px}.platform-bar-item{display:flex;align-items:center;gap:12px}.platform-bar-label{width:60px;font-size:13px;color:#ccc;flex-shrink:0}.platform-bar-wrapper{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.platform-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.platform-bar-value{width:60px;font-size:13px;color:#fff;text-align:right;flex-shrink:0}.top-cards-wrapper{position:relative;z-index:2;margin-bottom:24px}.top-cards-wrapper.expanded{margin-bottom:360px}.top-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:20px 24px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-card.active{border-color:var(--accent-primary)}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-card-title-wrap{display:flex;align-items:center;gap:10px}.stat-card-icon{width:36px;height:36px;background:var(--bg-secondary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.stat-card-title{font-size:14px;color:var(--text-secondary);font-weight:500}.missing-data-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:2px 8px;border-radius:10px;margin-left:8px}.missing-data-indicator{display:inline-block;font-size:10px;color:#f59e0b;background:#f59e0b26;padding:1px 6px;border-radius:8px;margin-left:6px}.stat-card-badge{font-size:12px;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:3px 10px;border-radius:20px;font-weight:600}.stat-card-badge.down{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.stat-card-mid{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.stat-card-num{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1}.stat-card-num span{font-size:18px;font-weight:500;color:var(--text-secondary);margin-left:2px}.stat-card-mini-chart{flex-shrink:0}.stat-card-mid .no-data-hint{font-size:12px;font-weight:600;color:var(--text-muted);white-space:pre-line;line-height:1.4;text-align:right;flex-shrink:0;padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px}.top-card-expand-section .no-data-hint-block{display:flex;align-items:center;justify-content:center;height:160px;font-size:15px;font-weight:600;color:var(--text-muted);white-space:pre-line;line-height:1.6;text-align:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:10px}.stat-card-bottom{display:flex;align-items:center;gap:20px;padding-top:12px;border-top:1px solid var(--border-color)}.stat-card-item{display:flex;flex-direction:column;gap:3px}.stat-card-item-label{font-size:11px;color:var(--text-muted)}.stat-card-item-val{font-size:14px;font-weight:600;color:#22c55e}.stat-card-item-val.down{color:#f43f5e}.stat-card-divider{width:1px;height:28px;background:var(--border-color);flex-shrink:0}.section-gap{height:520px}.top-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:20px;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s,transform .15s}.top-card:hover:not(.active){border-color:var(--border-hover);transform:translateY(-1px)}.sync-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e1ae6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sync-message{display:flex;flex-direction:column;align-items:center;gap:24px}.sync-spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-text{font-size:20px;color:#fff;font-weight:500;text-align:center}.top-card.active{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--bg-card);transform:none;box-shadow:none;z-index:3;overflow:visible}.top-card.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--bg-card);z-index:4}.top-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.top-card-header-left{display:flex;align-items:center;gap:10px}.top-card-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.top-card-icon.blue{background:#2a2d4a}.top-card-icon.green{background:#1a3a2a}.top-card-icon.orange{background:#3a2a1a}.top-card-icon.purple{background:#2a1a3a}[data-theme=light] .top-card-icon.blue{background:#3b82f626}[data-theme=light] .top-card-icon.green{background:#22c55e26}[data-theme=light] .top-card-icon.orange{background:#f9731626}[data-theme=light] .top-card-icon.purple{background:#a855f726}.top-card-label{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.top-card-expand{font-size:10px;color:var(--text-muted);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.top-card.active .top-card-expand{transform:rotate(180deg)}.top-card-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:5px}.top-card-change{font-size:14px;color:var(--text-muted);margin-top:5px}.top-card-change.positive{color:#34d399}.top-card-change.negative{color:#f87171}.top-card-expand-panel{position:absolute;background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 18px 18px;z-index:1;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s ease;box-shadow:0 16px 48px #00000080;left:0;right:0}.top-card-expand-panel.open{max-height:360px;opacity:1}.top-card-expand-inner{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;padding:16px 20px 20px}.top-card-expand-section{flex:1;min-width:0}.top-card-expand-inner.fans-ratio>.top-card-expand-section:nth-child(1){flex:3}.top-card-expand-inner.fans-ratio>.top-card-expand-section:nth-child(3){flex:5}.top-card-expand-inner.fans-ratio>.top-card-expand-section:nth-child(5){flex:2}.top-card-expand-section h4{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.top-card-expand-divider{width:1px;background:linear-gradient(180deg,transparent 0%,var(--border-color) 15%,var(--border-color) 85%,transparent 100%);align-self:stretch;flex-shrink:0}.platform-list{display:grid;grid-template-columns:8px 52px 1fr auto;gap:10px;align-items:center}.platform-item{display:contents}.platform-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.platform-name{font-size:12px;color:var(--text-secondary);width:52px;flex-shrink:0}.platform-bar-wrap{flex:1;height:5px;background:var(--border-color);border-radius:10px;overflow:hidden;margin-right:10px}.platform-bar-fill{height:100%;border-radius:10px}.platform-val{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.trend-placeholder{height:90px;background:linear-gradient(180deg,rgba(79,195,247,.06) 0%,transparent 100%);border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:12px;color:var(--text-muted)}.stat-val{font-size:14px;font-weight:600;color:var(--text-primary)}.stat-val.up{color:#34d399}.stat-val.down{color:#f87171}.expand-category-filter{display:flex;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--border-color);margin-bottom:14px;width:100%;flex:0 0 100%}.expand-category-filter .filter-label{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.expand-category-filter .filter-tags{display:flex;gap:6px;flex-wrap:wrap}.expand-category-filter .filter-tag{font-size:11px;padding:3px 10px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease;-webkit-user-select:none;user-select:none}.expand-category-filter .filter-tag:hover{background:#667eea1a;border-color:#667eea4d;color:var(--text-primary)}.expand-category-filter .filter-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.expand-pie-chart-wrap{height:180px;width:100%}@media (max-width: 768px){.top-cards-row{grid-template-columns:1fr;gap:12px}.top-card-value{font-size:24px}}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s}.chart-card:hover{border-color:var(--border-hover)}.chart-card.full-width{grid-column:span 2}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-title{font-size:16px;font-weight:500;color:var(--text-primary)}.chart-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.chart-action{font-size:12px;color:var(--accent-primary);cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s}.chart-action:hover{background:#667eea1a}.chart-container{height:300px}.chart-container.large{height:350px}.detail-page{padding:20px;min-height:100vh;background:var(--bg-primary);transition:background .3s}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .3s}.back-btn:hover{background:var(--bg-card-hover)}.detail-title{font-size:24px;font-weight:600;color:var(--text-primary)}.detail-content{display:grid;gap:20px}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-card-hover);font-weight:500;color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{font-size:14px;color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-card-hover)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:span 1}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:12px}.ip-filter-tags{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}.data-table-section{margin-top:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.section-header{margin-bottom:20px}.section-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.data-table-wrapper{overflow-x:auto}.platform-summary-table{width:100%;border-collapse:collapse;font-size:14px}.platform-summary-table th,.platform-summary-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border-color);white-space:nowrap}.platform-summary-table th{background:var(--bg-card-hover);font-weight:600;color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.platform-summary-table td{color:var(--text-primary)}.platform-summary-table tr:hover td{background:var(--bg-card-hover)}.platform-cell{font-weight:600;color:var(--accent-primary)!important}.program-day7-section .section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.program-day7-section .section-title{display:flex;align-items:baseline;gap:10px}.program-day7-section .avg-section{margin-bottom:20px;cursor:pointer;transition:all .3s ease}.program-day7-section .avg-section:hover{border-color:#6366f180;box-shadow:0 4px 12px #6366f126}.program-day7-section .avg-container{margin-bottom:20px;cursor:pointer;transition:all .3s ease}.program-day7-section .avg-container:hover{border-color:#6366f180}.program-day7-section .avg-quarter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .3s ease}.program-day7-section .avg-quarter-card-connected{border-radius:12px 12px 0 0;margin-bottom:0;border-bottom:none}.program-day7-section .avg-quarter-card-prev{background:#a78bfa14;border-color:#a78bfa40;border-radius:0 0 12px 12px;animation:slideDown .3s ease}.program-day7-section .quarter-label-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(167,139,250,.2)}.program-day7-section .quarter-label{font-size:14px;font-weight:600;color:#a78bfa}.program-day7-section .avg-quarter-card-prev .quarter-label{color:#a78bfab3}.program-day7-section .quarter-count{font-size:12px;color:var(--text-muted);background:#a78bfa26;padding:2px 8px;border-radius:10px}.program-day7-section .avg-stats-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.program-day7-section .avg-stat-item{text-align:center}.program-day7-section .avg-stat-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.program-day7-section .avg-stat-value{display:block;font-size:18px;font-weight:600;color:var(--text-primary)}.program-day7-section .avg-stat-change{display:block;font-size:12px;font-weight:600;margin-top:4px}.program-day7-section .avg-stat-change.change-up{color:#34d399}.program-day7-section .avg-stat-change.change-down{color:#f87171}.program-day7-section .avg-expand-hint{text-align:center;font-size:13px;color:#a78bfa;padding:8px;background:#a78bfa1a;border-radius:8px;transition:all .3s ease}.program-day7-section .avg-expand-hint:hover{background:#a78bfa33}.program-day7-section .category-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-card);border-radius:8px}.program-day7-section .category-filter-bar .filter-bar-tags{flex:1}.program-day7-section .filter-bar-label{font-size:13px;color:var(--text-muted);flex-shrink:0}.program-day7-section .filter-bar-tags{display:flex;gap:8px}.program-day7-section .filter-bar-tag{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:500;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.program-day7-section .filter-bar-tag:hover{background:#ffffff1a;color:var(--text-primary)}.program-day7-section .filter-bar-tag.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#8b5cf680;box-shadow:0 2px 8px #6366f14d}.program-day7-section .subsection-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.program-day7-section .avg-stats{display:flex;gap:20px;padding:16px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);margin-bottom:20px;transition:border-radius .3s ease}.program-day7-section .avg-stats-connected{border-radius:12px 12px 0 0;margin-bottom:0}.program-day7-section .avg-section:hover .avg-stats{border-color:#6366f180;box-shadow:0 4px 12px #6366f126}.program-day7-section .avg-item{flex:1;text-align:center}.program-day7-section .avg-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.program-day7-section .avg-value{display:block;font-size:18px;font-weight:600;color:var(--text-primary)}.program-day7-section .section-title h3{font-size:22px;font-weight:700;background:linear-gradient(90deg,#4fc3f7,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.program-day7-section .section-subtitle{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.program-day7-section .header-note{font-size:11px;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);padding:4px 12px;border-radius:6px;letter-spacing:.5px}.program-day7-section .legend{display:flex;align-items:center;gap:16px}.program-day7-section .legend-label{font-size:11px;color:var(--text-muted)}.program-day7-section .legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.program-day7-section .legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.program-day7-section .legend-dot.dot-douyin{background:#4fc3f7;box-shadow:0 0 6px #4fc3f799}.program-day7-section .legend-dot.dot-xhs{background:#ef4444;box-shadow:0 0 6px #ef444499}.program-day7-section .legend-dot.dot-ins{background:#f472b6;box-shadow:0 0 6px #f472b699}.program-day7-section .show-more-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:all .3s;box-sizing:border-box;height:36px}.program-day7-section .show-more-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.program-day7-section .table-wrapper{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 0 0 1px #4fc3f70a,0 8px 40px #00000080}.program-day7-section table{width:100%;border-collapse:collapse}.program-day7-section thead tr{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.program-day7-section thead th{padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-muted);text-align:center;letter-spacing:.5px;text-transform:uppercase}.program-day7-section thead th:first-child{text-align:left;min-width:80px}.program-day7-section thead th:nth-child(2){text-align:center;width:1%;white-space:nowrap}.program-day7-section thead th:nth-child(3),.program-day7-section thead th:nth-child(4){min-width:50px;max-width:70px}.program-day7-section thead th:nth-child(4){border-right:1px solid var(--border-color)}.program-day7-section thead th:nth-child(9){font-size:13px}.program-day7-section .row-douyin,.program-day7-section .row-xhs{border-bottom:1px solid var(--border-color)}.program-day7-section .row-ins{border-bottom:none}.program-day7-section .row-group:last-child .row-ins{border-bottom:none}.program-day7-section .row-group:hover .row-douyin{background:#4fc3f70e}.program-day7-section .row-group:hover .row-xhs{background:#ef44440d}.program-day7-section .row-group:hover .row-ins{background:#f472b60d}.program-day7-section .expand-icon{display:inline-block;margin-left:8px;font-size:12px;color:var(--text-secondary);transition:transform .3s ease;cursor:pointer}.program-day7-section .expand-icon.open{transform:rotate(180deg)}.program-day7-section .row-douyin.expanded{background:#4fc3f714!important}.program-day7-section .row-douyin.expanded td{cursor:pointer}.program-day7-section .detail-expand-row{background:var(--bg-secondary)!important}.program-day7-section .detail-expand-row td{padding:0!important;border:none!important}.program-day7-section .detail-expand-panel{padding:16px 20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:400px;padding-top:16px;padding-bottom:16px}}.program-day7-section .detail-grid-row{display:grid;grid-template-columns:110px 65px 65px 90px 85px 85px 85px 1fr;align-items:center;gap:0;padding:10px 0}.program-day7-section .detail-platform-cell{display:flex;align-items:center;padding-left:8px}.program-day7-section .detail-platform-label{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.program-day7-section .detail-metric-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.program-day7-section .d-label{font-size:11px;color:var(--text-muted)}.program-day7-section .d-value{font-size:15px;font-weight:700;color:var(--text-primary)}.program-day7-section .d-value.green{color:#00b96b}.program-day7-section .detail-engage-area{grid-column:8 / -1;display:flex;gap:12px;align-items:flex-start;justify-content:flex-end;padding-right:10px}.program-day7-section .matrix-grid{display:flex;gap:12px;align-items:center}.program-day7-section .matrix-cell{text-align:center;padding:0}.program-day7-section .mc-label{font-size:11px;color:var(--text-muted);display:block;margin-top:1px}.program-day7-section .mc-value{font-size:15px;font-weight:700;color:var(--text-primary);display:block}.program-day7-section .matrix-tall{text-align:center;min-width:45px;border-left:1px solid var(--border-color);padding-left:12px}.program-day7-section .t-value{font-size:15px;font-weight:700;color:#eab308;display:block}.program-day7-section .t-title{font-size:11px;color:var(--text-muted);display:block}.program-day7-section .detail-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:12px 0}.program-day7-section .no-data-text{font-size:13px;color:var(--text-secondary);font-style:italic}.program-day7-section .row-douyin td,.program-day7-section .row-xhs td,.program-day7-section .row-ins td{padding:8px 10px;font-size:12px;text-align:center;vertical-align:middle}.program-day7-section .row-xhs td:nth-child(4){border-right:1px solid var(--border-color)}.program-day7-section .row-xhs td:nth-child(n+5){background:#ef444409}.program-day7-section .row-douyin td:nth-child(n+1){background:#4fc3f70a}.program-day7-section .row-ins td:nth-child(n+1){background:#f472b609}.program-day7-section .row-xhs td:nth-child(5){box-shadow:inset 3px 0 #ef4444}.program-day7-section .row-douyin td:nth-child(1){box-shadow:inset 3px 0 #4fc3f7}.program-day7-section .row-ins td:nth-child(1){box-shadow:inset 3px 0 #f472b6}.program-day7-section .row-douyin td:nth-child(-n+4),.program-day7-section .row-xhs td:nth-child(-n+4){vertical-align:middle}.program-day7-section .cell-date{text-align:left!important;font-size:16px;color:var(--text-muted);white-space:nowrap;width:95px;letter-spacing:.3px}.program-day7-section .cell-title{text-align:left!important;white-space:nowrap;font-size:16px}.program-day7-section .ep-num{font-size:15px;color:#4a6fa5;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border-color);padding:1px 6px;border-radius:4px;margin-right:7px;letter-spacing:.3px}.program-day7-section .ep-name{font-size:17px;font-weight:500;color:var(--text-primary)}.program-day7-section .category-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle;font-weight:500;letter-spacing:.5px}.program-day7-section .category-正片{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.program-day7-section .category-宣传{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.program-day7-section .category-未知{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.program-day7-section .cell-play{font-size:16px;font-weight:600;background:linear-gradient(135deg,#4fc3f7,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;max-width:70px}.program-day7-section .cell-exposure{font-size:16px;font-weight:500;background:linear-gradient(135deg,#4fc3f7,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;max-width:70px}.program-day7-section .fans-cell{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.program-day7-section .platform-tag{display:inline-flex;align-items:center;justify-content:flex-start;font-size:12px;font-weight:700;width:50px;height:24px;border-radius:4px;letter-spacing:.3px;flex-shrink:0;padding:0 4px;text-align:center}.program-day7-section .platform-tag.tag-douyin{color:#4fc3f7;background:#4fc3f71f;border:1px solid rgba(79,195,247,.22)}.program-day7-section .platform-tag.tag-xhs{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.program-day7-section .platform-tag.tag-ins{color:#f472b6;background:#f472b61f;border:1px solid rgba(244,114,182,.22)}.program-day7-section .fans-num.positive{color:#34d399}.program-day7-section .fans-num.negative{color:#f87171}.program-day7-section .rate-bar-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:5px}.program-day7-section .rate-bar-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.program-day7-section .rate-bar{width:52px;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.program-day7-section .rate-bar-fill{height:100%;border-radius:2px}.program-day7-section .fill-green{background:linear-gradient(90deg,#34d399,#6ee7b7)}.program-day7-section .fill-yellow{background:linear-gradient(90deg,#fbbf24,#fde68a)}.program-day7-section .fill-red{background:linear-gradient(90deg,#f87171,#fca5a5)}.program-day7-section .fill-interact-green{background:linear-gradient(90deg,#34d399,#6ee7b7)}.program-day7-section .fill-interact-yellow{background:linear-gradient(90deg,#fbbf24,#fde68a)}.program-day7-section .fill-interact-red{background:linear-gradient(90deg,#f87171,#fca5a5)}.badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600;min-width:60px;text-align:center;letter-spacing:.3px}.program-day7-section .badge-2s-low{background:#34d39914;color:#34d399;border:1px solid rgba(52,211,153,.18)}.program-day7-section .badge-2s-mid{background:#fbbf2414;color:#fbbf24;border:1px solid rgba(251,191,36,.18)}.program-day7-section .badge-2s-high,.program-day7-section .badge-5s-low{background:#f8717114;color:#f87171;border:1px solid rgba(248,113,113,.18)}.program-day7-section .badge-5s-mid{background:#fbbf2414;color:#fbbf24;border:1px solid rgba(251,191,36,.18)}.program-day7-section .badge-5s-high{background:#34d39914;color:#34d399;border:1px solid rgba(52,211,153,.18)}.program-day7-section .interact-cell{text-align:center;vertical-align:middle}.program-day7-section .fire-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px}.program-day7-section .fire-icon{width:18px;height:18px;flex-shrink:0}.program-day7-section .fire-value{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.program-day7-section .fire-green{background:#34d3991a;color:#34d399}.program-day7-section .fire-green .fire-icon{color:#34d399}.program-day7-section .fire-yellow{background:#fbbf241a;color:#fbbf24}.program-day7-section .fire-yellow .fire-icon{color:#fbbf24}.program-day7-section .fire-red{background:#f871711a;color:#f87171}.program-day7-section .fire-red .fire-icon{color:#f87171}.program-day7-section .j-na{color:#252840;font-size:16px}.program-day7-section .fans-wrap{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.program-day7-section .ptag{font-size:12px;font-weight:700;width:50px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.program-day7-section .ptag-douyin{color:#4fc3f7;background:#4fc3f71f;border:1px solid rgba(79,195,247,.22)}.program-day7-section .ptag-xhs{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.program-day7-section .ptag-ins{color:#f472b6;background:#f472b61f;border:1px solid rgba(244,114,182,.22)}.program-day7-section .fans-num{font-weight:600;font-size:16px}.program-day7-section .pos{color:#34d399}.program-day7-section .neg{color:#f87171}[data-theme=light] .program-day7-section .section-title h3{background:linear-gradient(90deg,#0284c7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .program-day7-section .legend-dot.dot-douyin{background:#0284c7;box-shadow:0 0 6px #0284c766}[data-theme=light] .program-day7-section .legend-dot.dot-xhs{background:#dc2626;box-shadow:0 0 6px #dc262666}[data-theme=light] .program-day7-section .legend-dot.dot-ins{background:#db2777;box-shadow:0 0 6px #db277766}[data-theme=light] .program-day7-section .table-wrapper{box-shadow:0 0 0 1px #0000000a,0 8px 40px #0000001a}[data-theme=light] .program-day7-section .ep-num{color:#1d4ed8;border-color:var(--border-color)}[data-theme=light] .program-day7-section .cell-play,[data-theme=light] .program-day7-section .cell-exposure{background:linear-gradient(135deg,#0284c7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .program-day7-section .platform-tag.tag-douyin{color:#0284c7;background:#0284c714;border-color:#0284c733}[data-theme=light] .program-day7-section .platform-tag.tag-xhs{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .program-day7-section .platform-tag.tag-ins{color:#db2777;background:#db277714;border-color:#db277733}[data-theme=light] .program-day7-section .fans-num.positive{color:#059669}[data-theme=light] .program-day7-section .fans-num.negative{color:#dc2626}[data-theme=light] .program-day7-section .badge-2s-low{background:#05966914;color:#059669;border-color:#0596692e}[data-theme=light] .program-day7-section .badge-2s-mid{background:#d9770614;color:#d97706;border-color:#d9770633}[data-theme=light] .program-day7-section .badge-2s-high,[data-theme=light] .program-day7-section .badge-5s-low{background:#dc262614;color:#dc2626;border-color:#dc26262e}[data-theme=light] .program-day7-section .badge-5s-mid{background:#d9770614;color:#d97706;border-color:#d9770633}[data-theme=light] .program-day7-section .badge-5s-high{background:#05966914;color:#059669;border-color:#0596692e}[data-theme=light] .program-day7-section .row-xhs td:nth-child(n+5){background:#dc262609}[data-theme=light] .program-day7-section .row-douyin td:nth-child(n+1){background:#0284c70a}[data-theme=light] .program-day7-section .row-ins td:nth-child(n+1){background:#db277709}[data-theme=light] .program-day7-section .row-xhs td:nth-child(5){box-shadow:inset 3px 0 #dc2626}[data-theme=light] .program-day7-section .row-douyin td:nth-child(1){box-shadow:inset 3px 0 #0284c7}[data-theme=light] .program-day7-section .row-ins td:nth-child(1){box-shadow:inset 3px 0 #db2777}[data-theme=light] .program-day7-section .row-group:hover .row-douyin{background:#0284c70e}[data-theme=light] .program-day7-section .row-group:hover .row-xhs{background:#dc26260d}[data-theme=light] .program-day7-section .row-group:hover .row-ins{background:#db27770d}[data-theme=light] .program-day7-section .category-filter-bar{background:#00000008}[data-theme=light] .program-day7-section .filter-bar-tag{background:#0000000d;color:#64748b}[data-theme=light] .program-day7-section .filter-bar-tag:hover{background:#6366f11a;color:#4f46e5}[data-theme=light] .program-day7-section .filter-bar-tag.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px #4f46e54d}:root{--vd-name-w: 220px;--fp-bg: #12131a;--fp-card-bg: #1c1d2b;--fp-border: #252840;--fp-text: #c8cde0;--fp-text-bright: #f1f5f9;--fp-muted: #3a3f62;--fp-muted2: #8892b0;--fp-deep: #1e2035;--fp-deep2: #2e3252;--fp-shadow: rgba(0, 0, 0, .3);--fp-gradient-text: linear-gradient(90deg, #4fc3f7, #a78bfa);--fp-hero-bg: linear-gradient(135deg, rgba(79, 195, 247, .06), rgba(167, 139, 250, .06));--fp-hero-border: rgba(167, 139, 250, .12);--fp-bar-bg: #1e2035}[data-theme=light]{--fp-bg: #f5f7fa;--fp-card-bg: #ffffff;--fp-border: #e2e8f0;--fp-text: #475569;--fp-text-bright: #1e293b;--fp-muted: #94a3b8;--fp-muted2: #64748b;--fp-deep: #e2e8f0;--fp-deep2: #94a3b8;--fp-shadow: rgba(0, 0, 0, .06);--fp-gradient-text: linear-gradient(90deg, #0ea5e9, #7c3aed);--fp-hero-bg: linear-gradient(135deg, rgba(14, 165, 233, .06), rgba(124, 58, 237, .06));--fp-hero-border: rgba(124, 58, 237, .12);--fp-bar-bg: #e2e8f0}.fanprofile-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.fanprofile-title{font-size:22px;font-weight:700;background:var(--fp-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left}.fanprofile-sub{font-size:12px;color:var(--fp-muted);margin-top:4px}.fp-card{background:var(--fp-card-bg);border-radius:18px;border:1px solid var(--fp-border);padding:22px 24px;box-shadow:0 4px 24px var(--fp-shadow)}.fp-card-title{font-size:11px;font-weight:600;color:var(--fp-muted);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px}.fp-card-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fanprofile-grid-top{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:14px;margin-bottom:14px}.fanprofile-grid-bottom{display:grid;grid-template-columns:2fr 1.6fr;gap:14px;align-items:stretch}.gender-card-body{display:flex;flex-direction:column;gap:14px;height:calc(100% - 42px)}.gender-legend-row{display:flex;align-items:center;gap:16px;flex-shrink:0}.legend-dot-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fp-muted2)}.legend-dot{width:8px;height:8px;border-radius:50%}.gender-chart{flex:1;display:flex;gap:10px;min-height:160px}.gender-y-axis{display:flex;flex-direction:column-reverse;justify-content:space-between;padding-bottom:30px;flex-shrink:0}.axis-tick-v{font-size:10px;color:var(--fp-deep2);line-height:1}.gender-bars-area{flex:1;display:flex;align-items:stretch;justify-content:center;gap:40px}.gender-col{width:63px;min-width:63px;max-width:63px;display:flex;flex-direction:column;align-items:center;gap:10px}.gender-col-bar-wrap{flex:1;width:100%;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.bar-seg{width:100%;display:flex;align-items:center;justify-content:center}.bar-female-v{background:linear-gradient(180deg,#f9a8d4,#f472b6)}.bar-male-v{background:linear-gradient(180deg,#38bdf8,#0284c7)}.bar-label-v{font-size:12px;font-weight:700;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=light] .bar-female-v{background:linear-gradient(180deg,#fbcfe8,#ec4899)}[data-theme=light] .bar-male-v{background:linear-gradient(180deg,#7dd3fc,#0284c7)}.pie-layout{display:flex;align-items:center;gap:18px}.pie-svg-wrap{position:relative;flex-shrink:0;width:120px;height:120px}.pie-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pc-main{font-size:16px;font-weight:700;color:var(--fp-text-bright);line-height:1.2}.pc-sub{font-size:10px;color:var(--fp-muted);margin-top:2px}.pie-legend{display:flex;flex-direction:column;gap:10px;flex:1;padding-left:110px}.pie-legend-item{display:flex;align-items:center;gap:4px}.pie-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.pie-legend-info{flex-shrink:0;text-align:left}.pie-legend-name{font-size:12px;font-weight:600;color:var(--fp-text)}.pie-legend-pct{font-size:14px;font-weight:700;flex-shrink:0}[data-theme=light] .pie-legend-pct{color:var(--fp-text-bright)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.region-item{display:flex;flex-direction:column;gap:5px}.region-header{display:flex;justify-content:space-between;align-items:center}.region-name{font-size:12px;color:var(--fp-muted2)}.region-val{font-size:12px;font-weight:600;color:var(--fp-text)}.region-bar-wrap{height:4px;background:var(--fp-bar-bg);border-radius:10px;overflow:hidden}.region-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#4fc3f7,#818cf8);transition:width .5s ease}.region-item.top1 .region-bar-fill{background:linear-gradient(90deg,#a78bfa,#f472b6)}.region-item.top1 .region-name{color:var(--fp-text);font-weight:600}.region-item.top1 .region-val{color:#a78bfa}[data-theme=light] .region-item.top1 .region-val{color:#7c3aed}.age-card{display:flex;flex-direction:column}.heatband-wrap{display:flex;flex-direction:column;gap:30px;flex:1}.heatband-row{display:flex;flex-direction:column;gap:4px}.heatband-platform{display:flex;align-items:center;gap:10px}.pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.pill-xhs{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.pill-dy{color:#4fc3f7;background:#4fc3f71a;border:1px solid rgba(79,195,247,.2)}.pill-ins{color:#f472b6;background:#f472b61a;border:1px solid rgba(244,114,182,.2)}[data-theme=light] .pill-dy{color:#0284c7;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2)}[data-theme=light] .pill-xhs{color:#dc2626;background:#dc26261a;border:1px solid rgba(220,38,38,.2)}[data-theme=light] .pill-ins{color:#db2777;background:#db27771a;border:1px solid rgba(219,39,119,.2)}.heatband-bar{flex:1;height:52px;border-radius:8px;overflow:hidden;display:flex}.heatband-seg{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.heatband-seg+.heatband-seg:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:1px;background:#0003;z-index:2}.heatband-seg-label{font-size:10px;font-weight:600;color:#ffffffe6;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}.xhs-s1{background:#fef2f2}.xhs-s1 .heatband-seg-label{color:#00000073}.xhs-s2{background:#fecaca}.xhs-s2 .heatband-seg-label{color:#0000008c}.xhs-s3{background:#ef4444}.xhs-s4{background:#dc2626}.xhs-s5{background:#991b1b}.dy-s1{background:#e0f2fe}.dy-s1 .heatband-seg-label{color:#00000073}.dy-s2{background:#7dd3fc}.dy-s2 .heatband-seg-label{color:#0000008c}.dy-s3{background:#38bdf8}.dy-s4{background:#0284c7}.dy-s5{background:#075985}.heatband-note{font-size:10px;color:var(--fp-deep2);padding-top:10px;border-top:1px solid var(--fp-deep);margin-top:auto}.core-wrap{display:flex;flex-direction:column;gap:14px}.core-hero{display:flex;align-items:center;justify-content:space-between;background:var(--fp-hero-bg);border:1px solid var(--fp-hero-border);border-radius:12px;padding:14px 18px}.core-big{font-size:28px;font-weight:700;background:var(--fp-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.core-sub{font-size:11px;color:var(--fp-muted);margin-top:3px}.core-pct{font-size:22px;font-weight:700;color:#a78bfa;text-align:right}.core-pct-label{font-size:11px;color:var(--fp-muted);margin-top:2px;text-align:right}[data-theme=light] .core-pct{color:#7c3aed}.core-tier-list{display:flex;flex-direction:column;gap:10px}.core-tier-item{display:flex;align-items:center;gap:12px}.tier-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.tier-info{flex:1;min-width:0}.tier-name{font-size:12px;color:var(--fp-text);font-weight:500}.tier-desc{font-size:10px;color:var(--fp-muted);margin-top:2px}.tier-bar-wrap{width:100px;height:5px;background:var(--fp-bar-bg);border-radius:10px;overflow:hidden;flex-shrink:0}.tier-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.tier-val{font-size:13px;font-weight:600;width:36px;text-align:right;flex-shrink:0}.m-container{min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);padding:16px 16px 60px;-webkit-overflow-scrolling:touch}.m-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary)}.m-header{margin-bottom:20px}.m-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.m-title{font-size:24px;font-weight:600;background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-title-switch{cursor:pointer;opacity:.5;transition:opacity .3s,transform .2s;-webkit-user-select:none;user-select:none}.m-title-switch:hover{opacity:.85;transform:translate(3px)}.m-refresh-btn{padding:8px 16px;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.m-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.m-refresh-btn:active:not(:disabled){transform:scale(.96)}.m-header-actions{display:flex;gap:8px;align-items:center}.m-ip-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.m-ip-tabs::-webkit-scrollbar{display:none}.m-ip-tab{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.m-ip-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.m-stats{margin-bottom:24px}.m-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s;width:100%;box-sizing:border-box}.m-stat-card:active{transform:scale(.98)}.m-stat-card.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.m-stat-main{display:flex;align-items:center;gap:14px}.m-stat-icon{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;flex-shrink:0}.m-stat-body{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}.m-stat-label{font-size:15px;color:var(--text-secondary);white-space:nowrap}.m-stat-value{font-size:22px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-stat-value.positive{background:linear-gradient(90deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-stat-value.negative{background:linear-gradient(90deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-stat-arrow{font-size:12px;color:var(--text-secondary);flex-shrink:0}.m-stat-expand{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin:0 -1px -1px;padding:12px 16px}.m-expand-row{display:flex;justify-content:space-between;padding:6px 0}.m-expand-row:not(:last-child){border-bottom:1px solid var(--border-color)}.m-expand-label{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.m-missing-tag{font-size:10px;color:#fbbf24;background:#fbbf241f;padding:1px 6px;border-radius:4px;font-weight:500}.m-expand-right{display:flex;align-items:center;gap:6px}.m-expand-value{font-size:13px;font-weight:600;color:var(--text-primary)}.m-expand-value.positive{color:#34d399}.m-expand-value.negative{color:#f87171}.m-expand-change{font-size:11px;font-weight:500}.m-expand-change.positive{color:#34d399}.m-expand-change.negative{color:#f87171}.m-section{margin-bottom:24px}.m-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.m-program-list{display:flex;flex-direction:column;gap:12px}.m-program-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px;width:100%;box-sizing:border-box}.m-program-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.m-program-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-program-platform{font-size:11px;color:var(--accent-primary);background:#667eea1a;padding:2px 8px;border-radius:10px;flex-shrink:0}.m-program-meta{margin-bottom:10px}.m-program-date{font-size:12px;color:var(--text-secondary)}.m-program-stats{display:flex;justify-content:space-between}.m-program-stat{text-align:center;flex:1}.m-program-stat-val{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.m-program-stat-val.positive{color:#34d399}.m-program-stat-val.negative{color:#f87171}.m-program-stat-lbl{display:block;font-size:10px;color:var(--text-secondary)}.m-empty{text-align:center;padding:40px;color:var(--text-secondary)}.m-profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px;margin-bottom:12px;width:100%;box-sizing:border-box}.m-profile-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.m-gender-row{margin-bottom:14px}.m-gender-row:last-child{margin-bottom:0}.m-gender-platform{display:inline-block;font-size:11px;color:var(--accent-primary);background:#667eea1a;padding:2px 8px;border-radius:10px;margin-bottom:8px}.m-gender-bar-wrap{display:flex;width:100%;height:28px;border-radius:6px;overflow:hidden;margin-bottom:6px}.m-gender-bar-male{background:linear-gradient(90deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;min-width:0;transition:width .3s ease}.m-gender-bar-female{background:linear-gradient(90deg,#f472b6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;min-width:0;transition:width .3s ease}.m-gender-legend{display:flex;gap:16px;font-size:12px}.m-legend-male{color:#38bdf8}.m-legend-female{color:#f472b6}.m-age-group{margin-bottom:16px}.m-age-group:last-child{margin-bottom:0}.m-age-platform{display:inline-block;font-size:11px;color:var(--accent-primary);background:#667eea1a;padding:2px 8px;border-radius:10px;margin-bottom:8px}.m-age-bars{display:flex;flex-direction:column;gap:6px}.m-age-bar-item{width:100%}.m-age-bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:3px}.m-age-bar-track{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.m-age-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.m-recent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:20px 18px 22px;margin-bottom:24px;width:100%;box-sizing:border-box}.m-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.m-recent-title{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:700;color:var(--text-primary)}.m-info-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--text-muted);font-size:11px;font-weight:600;color:var(--text-muted);font-style:normal;cursor:pointer;flex-shrink:0}.m-more-btn{font-size:13px;color:var(--accent-primary);background:none;border:none;cursor:pointer;padding:4px 8px;font-weight:500}.m-more-btn:active{opacity:.7}.m-recent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.m-recent-stat{display:flex;flex-direction:column;gap:8px}.m-recent-label{font-size:12px;color:var(--text-secondary)}.m-recent-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.m-recent-change{font-size:12px;font-weight:500;color:#34d399}.m-recent-change.down{color:#f87171}.m-theme-btn{background:none;border:1px solid var(--border-color);border-radius:8px;padding:4px 8px;font-size:16px;cursor:pointer;line-height:1;transition:border-color .2s}.m-theme-btn:active{opacity:.7}.m-season-count{font-size:12px;color:var(--text-secondary);background:var(--bg-card);padding:2px 8px;border-radius:10px}.m-data-time{text-align:center;font-size:12px;color:var(--text-muted);padding:16px 0 8px;cursor:pointer}.m-data-time:active{opacity:.7}.ms-filter-row{display:flex;flex-direction:column;gap:10px;padding:0 0 12px;margin-bottom:12px}.ms-filter-group{display:flex;gap:8px;flex-wrap:wrap}.ms-tag{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.ms-tag:hover{border-color:var(--accent-primary);color:var(--text-primary)}.ms-tag.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.ms-time-tag{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#34d399}.ms-time-tag:hover{background:#22c55e26;border-color:#34d399}.ms-time-tag.active{background:#34d399;color:#0f0f23;border-color:#34d399;font-weight:500}.m-stat-trend{margin-top:4px;padding-left:58px}.ms-trend{font-size:12px;display:inline-flex;align-items:center;gap:2px}.ms-trend-up{color:#34d399}.ms-trend-down{color:#f87171}.ms-trend-flat{color:var(--text-muted)}.mp-page{min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary)}.mp-top-tabs{display:flex;justify-content:center;gap:40px;background:var(--bg-card);padding:0 24px;border-bottom:1px solid var(--border-color)}.mp-tab{padding:16px 4px;font-size:15px;color:var(--text-secondary);cursor:pointer;position:relative;white-space:nowrap;background:none;border:none}.mp-tab.active{color:var(--text-primary);font-weight:600}.mp-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2.5px;background:var(--accent-primary);border-radius:2px}.mp-filter-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.mp-type-tabs{display:flex;gap:0;margin-right:4px}.mp-ttab{padding:7px 18px;font-size:14px;cursor:pointer;border-radius:8px;color:var(--text-secondary);font-weight:500;transition:background .15s;background:none;border:none}.mp-ttab.active{background:var(--accent-primary);color:#fff;border-radius:8px}.mp-spacer{flex:1}.mp-dropdown-wrap{position:relative}.mp-dropdown{display:flex;align-items:center;gap:5px;padding:7px 14px;background:var(--bg-card-hover);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.mp-arrow{font-size:11px;color:var(--text-secondary)}.mp-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px #0000001a;min-width:130px;z-index:100;overflow:hidden;list-style:none;margin:0;padding:0}.mp-dropdown-menu li{padding:11px 18px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .12s}.mp-dropdown-menu li:hover{background:var(--bg-card-hover)}.mp-dropdown-menu li.selected{color:var(--accent-primary);font-weight:600}.mp-content{padding:20px 20px 0}.mp-video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px;margin-bottom:14px}.mp-video-info{display:flex;gap:16px;margin-bottom:16px}.mp-thumb{width:90px;height:120px;border-radius:10px;background:linear-gradient(135deg,#a8edea,#2575fc,#1a1a2e);position:relative;flex-shrink:0;overflow:hidden}.mp-thumb-label{position:absolute;top:8px;left:8px;background:#00000073;color:#fff;font-size:10px;padding:2px 5px;border-radius:4px;display:flex;align-items:center;gap:3px}.mp-video-text{flex:1;min-width:0}.mp-video-title{font-size:16px;font-weight:600;line-height:1.45;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.mp-video-date{font-size:13px;color:var(--text-secondary)}.mp-platform-tag{display:inline-block;font-size:11px;color:var(--accent-primary);background:#667eea26;padding:1px 8px;border-radius:4px;font-weight:500;margin-left:2px}.mp-video-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color);padding-top:14px}.mp-stat-col{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.mp-stat-col:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:var(--border-color)}.mp-s-label{font-size:12px;color:var(--text-secondary)}.mp-s-value{font-size:17px;font-weight:600;color:var(--text-primary)}.mp-empty{text-align:center;color:var(--text-secondary);padding:60px 0;font-size:14px}.mp-profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px;margin-bottom:16px}.mp-profile-card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.mp-gender-row{margin-bottom:14px}.mp-gender-platform{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:block}.mp-gender-bar-wrap{display:flex;height:24px;border-radius:12px;overflow:hidden;margin-bottom:6px}.mp-gender-bar-male{background:linear-gradient(90deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;min-width:0;transition:width .3s ease}.mp-gender-bar-female{background:linear-gradient(90deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;min-width:0;transition:width .3s ease}.mp-gender-legend{display:flex;gap:16px;font-size:12px}.mp-legend-male{color:#667eea}.mp-legend-female{color:#f5576c}.mp-age-group{margin-bottom:14px}.mp-age-platform{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.mp-age-bars{display:flex;flex-direction:column;gap:6px}.mp-age-bar-item{display:flex;flex-direction:column;gap:3px}.mp-age-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.mp-age-bar-track{height:8px;background:var(--bg-card-hover);border-radius:4px;overflow:hidden}.mp-age-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.sales-dashboard{padding:20px;min-height:100vh;background:#0f0f23}.sales-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sales-dashboard .header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sales-dashboard .dashboard-header h1{letter-spacing:2px}.sales-dashboard .platform-filter{display:flex;gap:8px}.sales-dashboard .platform-filter-tag{font-size:12px;padding:6px 14px;border-radius:14px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);color:#a5b4fc;cursor:pointer;transition:all .3s ease}.sales-dashboard .platform-filter-tag:hover{border-color:#667eea;color:#fff}.sales-dashboard .platform-filter-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:500}.sales-dashboard .time-filter{display:flex;gap:8px}.sales-dashboard .time-btn{font-size:12px;padding:6px 14px;border-radius:14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#34d399;cursor:pointer;transition:all .3s ease}.sales-dashboard .time-btn:hover{background:#22c55e33;border-color:#34d399;color:#34d399}.sales-dashboard .time-btn.active{background:#34d399;border-color:#34d399;color:#0f0f23;font-weight:500}.sales-dashboard .header-right{display:flex;flex-direction:column;align-items:flex-end}.sales-dashboard .header-actions{display:flex;gap:12px;align-items:center}.sales-dashboard .refresh-btn{padding:8px 16px;border:1px solid #667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-size:13px;transition:all .3s ease;display:flex;align-items:center;gap:6px;outline:none}.sales-dashboard .refresh-btn:hover{opacity:.9;transform:translateY(-1px)}.sales-dashboard .refresh-btn.loading{opacity:.6;pointer-events:none}.sales-dashboard .refresh-btn .spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sales-spin .8s linear infinite}.sales-dashboard .refresh-btn.loading .spinner{display:inline-block}.sales-dashboard .refresh-btn.loading .refresh-icon{display:none}@keyframes sales-spin{to{transform:rotate(360deg)}}.sales-dashboard .data-time{font-size:11px;color:#6b7280;margin-top:6px}.sales-dashboard .data-time .time-value{color:#667eea}.sales-dashboard .metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sales-dashboard .metric-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:30px 24px;height:160px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;align-self:start}.sales-dashboard .metric-card:hover{transform:translateY(-2px);border-color:#667eea;box-shadow:0 8px 24px #0003}.sales-dashboard .metric-card.expanded{height:160px;z-index:10;overflow:visible;border-color:#667eea;margin-bottom:280px}.sales-dashboard .metric-card .expand-icon{margin-left:auto;font-size:10px;color:#667eea;transition:transform .3s ease}.sales-dashboard .metric-card .trend-chart-overlay{position:absolute;top:100%;height:260px;background:#1a1a2e;border:1px solid rgba(102,126,234,.3);border-top:2px solid #667eea;border-radius:0 0 18px 18px;padding:16px;z-index:10}.sales-dashboard .metric-card.expand-right .trend-chart-overlay{left:0;width:calc(200% + 16px)}.sales-dashboard .metric-card.expand-left .trend-chart-overlay{right:0;width:calc(200% + 16px)}.sales-dashboard .metric-card .label{font-size:14px;color:#a5b4fc;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sales-dashboard .metric-card .value{font-size:36px;font-weight:700;font-family:Roboto Mono,monospace;color:#fff;margin-bottom:12px}.sales-dashboard .metric-card .trend{font-size:13px;display:flex;align-items:center;gap:4px}.sales-dashboard .metric-card .trend.up{color:#34d399}.sales-dashboard .metric-card .trend.down{color:#f87171}.sales-dashboard .main-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.sales-dashboard .bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.sales-dashboard .chart-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.sales-dashboard .chart-card h3{font-size:16px;color:#fff;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:500}.sales-dashboard .chart-container{height:280px}.sales-dashboard .ranking-table{width:100%;border-collapse:collapse;font-size:13px}.sales-dashboard .ranking-table th{text-align:left;padding:10px 8px;color:#a5b4fc;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.sales-dashboard .ranking-table td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.sales-dashboard .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-weight:600;font-size:12px}.sales-dashboard .rank-1{background:linear-gradient(135deg,gold,#ffb800);color:#000}.sales-dashboard .rank-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#000}.sales-dashboard .rank-3{background:linear-gradient(135deg,#cd7f32,#b8722c);color:#000}.sales-dashboard .rank-4,.sales-dashboard .rank-5,.sales-dashboard .rank-6{background:#667eea33;color:#a5b4fc}.sales-dashboard .gmv-value{color:#34d399;font-weight:600}.sales-dashboard .temp-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-weight:500;margin-left:6px;vertical-align:middle;line-height:1.4}.sales-dashboard .metric-card.has-temp-tag{border-color:#fbbf244d}.sales-dashboard .metric-card.has-temp-tag:hover{border-color:#fbbf2499}.sales-dashboard .data-type-filter{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:20px}.sales-dashboard .filter-label{font-size:13px;color:#a5b4fc}.sales-dashboard .filter-btn{font-size:12px;padding:6px 16px;border-radius:14px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);color:#a5b4fc;cursor:pointer;transition:all .3s ease}.sales-dashboard .filter-btn:hover{border-color:#667eea;color:#fff}.sales-dashboard .filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:500}@media (max-width: 1200px){.sales-dashboard .metrics-row{grid-template-columns:repeat(2,1fr)}.sales-dashboard .main-content{grid-template-columns:1fr 1fr}.sales-dashboard .main-content>.chart-card:last-child{grid-column:span 2}}@media (max-width: 768px){.sales-dashboard .metrics-row,.sales-dashboard .main-content,.sales-dashboard .bottom-row{grid-template-columns:1fr}.sales-dashboard .dashboard-header{flex-direction:column;gap:16px}.sales-dashboard .header-left,.sales-dashboard .header-right{width:100%}.sales-dashboard .header-right{align-items:flex-start}}.realtime-dashboard .realtime-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.realtime-dashboard .realtime-placeholder-icon{font-size:64px;opacity:.5}.realtime-dashboard .realtime-placeholder-text{font-size:22px;color:#a5b4fc;font-weight:500}.realtime-dashboard .realtime-placeholder-hint{font-size:14px;color:#6b7280}.program-day7-section .other-platforms-section{margin-top:16px;padding:12px;background:#667eea0a;border:1px solid rgba(102,126,234,.18);border-radius:8px}.program-day7-section .other-platforms-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;color:#a5b4fc;background:#667eea1f;border:1px solid rgba(102,126,234,.3);border-radius:6px;cursor:pointer;transition:all .2s}.program-day7-section .other-platforms-toggle-btn:hover{background:#667eea33;color:#c7d2fe}.program-day7-section .other-platforms-toggle-btn .toggle-arrow{font-size:10px;transition:transform .2s;display:inline-block}.program-day7-section .other-platforms-toggle-btn .toggle-arrow.open{transform:rotate(90deg)}.program-day7-section .other-platforms-count{font-size:11px;color:#6b7280;font-weight:400}.program-day7-section .other-platforms-panel{margin-top:12px;overflow-x:auto}.program-day7-section .other-platforms-table{width:100%;border-collapse:collapse;font-size:12px}.program-day7-section .other-platforms-table th{padding:8px 10px;text-align:center;color:#9ca3af;background:#667eea0f;border-bottom:1px solid rgba(102,126,234,.18);font-weight:500;white-space:nowrap}.program-day7-section .other-platforms-table td{padding:8px 10px;text-align:center;color:#d1d5db;border-bottom:1px solid rgba(102,126,234,.08);white-space:nowrap}.program-day7-section .other-platforms-table tr:hover td{background:#667eea0f}.program-day7-section .other-platforms-table .green{color:#34d399}.program-day7-section .pill-yt{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:2px 8px;border-radius:4px;font-size:11px}.program-day7-section .pill-bili{color:#fb7299;background:#fb72991a;border:1px solid rgba(251,114,153,.2);padding:2px 8px;border-radius:4px;font-size:11px}.program-day7-section .pill-tiktok{color:#06b6d4;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);padding:2px 8px;border-radius:4px;font-size:11px}.program-day7-section .pill-ks{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:2px 8px;border-radius:4px;font-size:11px}.program-day7-section .pill-wx{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:2px 8px;border-radius:4px;font-size:11px}.program-day7-section .row-other{background:#ffffff05;border-bottom:1px solid var(--border-color)}.program-day7-section .row-group:last-child .row-other{border-bottom:none}.program-day7-section .row-other td{padding:8px 10px;font-size:12px;text-align:center;color:var(--text-primary);background:transparent}.program-day7-section .row-other .other-platform-name{text-align:left;display:flex;align-items:center;gap:8px;justify-content:flex-start}.program-day7-section .row-other .other-platform-views-inline{color:var(--text-muted);font-size:11px;white-space:nowrap}.program-day7-section .row-other .green{color:#34d399}.program-day7-section .row-other-bili td:nth-child(1){box-shadow:inset 3px 0 #fb7299}.program-day7-section .row-other-yt td:nth-child(1){box-shadow:inset 3px 0 #ef4444}.program-day7-section .row-other-tiktok td:nth-child(1){box-shadow:inset 3px 0 #06b6d4}.program-day7-section .row-other-ks td:nth-child(1){box-shadow:inset 3px 0 #f59e0b}.program-day7-section .row-other-wx td:nth-child(1){box-shadow:inset 3px 0 #10b981}[data-theme=light] .program-day7-section .row-other{background:#00000004}[data-theme=light] .program-day7-section .row-other-bili td:nth-child(1){box-shadow:inset 3px 0 #ff69b4}[data-theme=light] .program-day7-section .row-other-yt td:nth-child(1){box-shadow:inset 3px 0 #dc2626}[data-theme=light] .program-day7-section .row-other-tiktok td:nth-child(1){box-shadow:inset 3px 0 #0891b2}[data-theme=light] .program-day7-section .row-other-ks td:nth-child(1){box-shadow:inset 3px 0 #d97706}[data-theme=light] .program-day7-section .row-other-wx td:nth-child(1){box-shadow:inset 3px 0 #059669}.program-day7-section .other-platforms-inline-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:6px 16px;font-size:13px;font-weight:600;color:#fbbf24;background:#fbbf2426;border:2px solid #fbbf24;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 0 12px #fbbf244d}.program-day7-section .other-platforms-inline-btn:hover{background:#fbbf2440;color:#fde68a;transform:translateY(-1px)}.program-day7-section .other-platforms-inline-btn .toggle-arrow{font-size:12px;transition:transform .2s;display:inline-block}.program-day7-section .other-platforms-inline-btn .toggle-arrow.open{transform:rotate(90deg)}.program-day7-section .other-platforms-top-section{display:flex;align-items:center;margin-bottom:12px;padding:8px 12px;background:linear-gradient(90deg,#fbbf241a,#fbbf2405);border:1px dashed rgba(251,191,36,.4);border-radius:8px}.program-day7-section .other-platforms-top-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;font-size:14px;font-weight:600;color:#fbbf24;background:#fbbf2426;border:2px solid #fbbf24;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 0 12px #fbbf244d}.program-day7-section .other-platforms-top-btn:hover{background:#fbbf2440;color:#fde68a;transform:translateY(-1px)}.program-day7-section .other-platforms-top-btn .toggle-arrow{font-size:12px;transition:transform .2s;display:inline-block}.program-day7-section .other-platforms-top-btn .toggle-arrow.open{transform:rotate(90deg)}.program-day7-section .other-platforms-count-badge{font-size:12px;color:#fde68a;font-weight:500;margin-left:2px}.retention-page{padding:16px 24px;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 70px);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.retention-filter-bar{background:#1a1a2e99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:18px 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:0}.filter-title{font-size:12px;color:#9ca3af;font-weight:500;letter-spacing:.5px}.filter-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-tag{display:inline-block;padding:4px 12px;background:#ffffff0a;border:1px solid rgba(156,163,175,.2);border-radius:14px;font-size:12px;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.filter-tag:hover{border-color:#6366f180;color:#fff}.filter-tag.active{background:#6366f140;border-color:#6366f1;color:#fff;font-weight:500}.filter-tag.select-all{background:transparent;border-style:dashed;color:#9ca3af;margin-left:4px}.filter-empty{font-size:12px;color:#6b7280;font-style:italic}.retention-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:0;min-width:0;overflow:hidden}.retention-body.collapsed{grid-template-columns:1fr}.retention-charts-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(280px,320px);align-content:start;gap:12px;min-height:0;flex:1;min-width:0;width:100%;max-width:100%;overflow-y:auto}.retention-charts-grid::-webkit-scrollbar{width:6px}.retention-charts-grid::-webkit-scrollbar-track{background:transparent}.retention-charts-grid::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.retention-charts-grid.count-0{display:none}.retention-charts-column{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;overflow:hidden}.retention-shared-zoom{background:#1a1a2e99;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;flex-shrink:0}.zoom-label{font-size:12px;color:#9ca3af;font-weight:500;white-space:nowrap}.zoom-track{position:relative;height:24px;display:flex;align-items:center}.zoom-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:#9ca3af33;border-radius:2px;transform:translateY(-50%)}.zoom-fill{position:absolute;top:50%;height:4px;background:#6366f1b3;border-radius:2px;transform:translateY(-50%);pointer-events:none;z-index:1}.zoom-input{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;margin:0}.zoom-input::-webkit-slider-runnable-track{background:transparent;height:24px}.zoom-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;border:2px solid #fff;box-shadow:0 1px 4px #0006;cursor:pointer;pointer-events:auto;margin-top:-6px}.zoom-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;border:2px solid #fff;box-shadow:0 1px 4px #0006;cursor:pointer;pointer-events:auto}.zoom-readout{display:flex;align-items:center;gap:6px;font-size:12px;color:#fbbf24;font-variant-numeric:tabular-nums;white-space:nowrap}.zoom-readout .zoom-to{color:#6b7280}.zoom-reset,.zoom-mode{margin-left:8px;padding:3px 10px;font-size:11px;background:transparent;border:1px dashed rgba(99,102,241,.5);color:#9ca3af;border-radius:12px;cursor:pointer;transition:all .15s}.zoom-reset:hover,.zoom-mode:hover{color:#fff;border-color:#6366f1;background:#6366f114}.zoom-mode.active{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:transparent;font-weight:600}.zoom-mode+.zoom-mode{margin-left:4px}.retention-chart-cell{background:#1a1a2e99;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%;min-height:220px;max-height:360px}.retention-chart-title{font-size:12px;color:#d1d5db;font-weight:500;padding:0 4px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.retention-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-direction:column;gap:12px;font-size:14px;text-align:center;padding:24px}.retention-days-bar{background:#1a1a2e80;border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:13px;color:#d1d5db}.retention-days-bar .days-label{color:#9ca3af;font-weight:500;white-space:nowrap}.retention-days-bar .days-text{color:#fbbf24;font-weight:500;white-space:nowrap;overflow-x:auto;font-variant-numeric:tabular-nums}.retention-days-bar .days-bar-right{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.time-unit-label{color:#6b7280;font-size:11px}.time-unit-tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;border:1px solid rgba(156,163,175,.2);background:#ffffff0a;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.time-unit-tag:hover{border-color:#6366f180;color:#fff}.time-unit-tag.active{background:#6366f140;border-color:#6366f1;color:#fff}.list-toggle-btn{margin-left:12px;padding:3px 10px;font-size:11px;border:1px dashed rgba(99,102,241,.5);background:transparent;color:#fbbf24;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.list-toggle-btn:hover{background:#6366f11a;color:#fff;border-color:#6366f1}.filter-counter{color:#6b7280;font-size:11px;margin-left:4px;font-weight:400}.filter-tag.clear{background:transparent;border-style:dashed;color:#fca5a5;margin-left:4px}@media (max-width: 1024px){.retention-body{grid-template-columns:1fr}.retention-list-card,.retention-charts-grid{height:auto}.retention-charts-grid.count-1,.retention-charts-grid.count-2,.retention-charts-grid.count-3,.retention-charts-grid.count-4,.retention-charts-grid.count-5{grid-template-columns:1fr;grid-template-rows:auto}}.retention-list-card{background:#1a1a2e99;border:1px solid rgba(99,102,241,.2);border-radius:12px;display:flex;flex-direction:column;min-height:540px;height:calc(100vh - 230px);overflow:hidden}.retention-list-header{padding:12px 16px;border-bottom:1px solid rgba(99,102,241,.15);font-size:13px;color:#d1d5db;font-weight:500}.retention-list-body{flex:1;overflow-y:auto;padding:8px}.retention-list-body::-webkit-scrollbar{width:6px}.retention-list-body::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.retention-list-row{display:grid;grid-template-columns:10px 60px 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;color:#d1d5db}.retention-list-row:hover{background:#6366f114}.retention-list-row .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.retention-list-row .ep{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retention-list-row .meta{color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retention-list-row .dur{color:#9ca3af;font-variant-numeric:tabular-nums;white-space:nowrap}.retention-list-row .maxsec{color:#fbbf24;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}@media (max-width: 1024px){.retention-body{grid-template-columns:1fr}.retention-list-card,.retention-chart-card{height:auto;min-height:360px}}.fn-common-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:8px 0;width:100%}.fn-common-row>*{flex:1 1 200px;max-width:320px}.fn-common-row--left{justify-content:flex-start}.fn-common-row--left>*{flex:0 1 240px}.fn-split-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:8px 0;width:100%}.fn-left-col,.fn-right-col{flex:1 1 auto;display:flex;justify-content:flex-start}.fn-funnel-inner{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.fn-title{text-align:center;font-size:16px;font-weight:800;color:#e5e7eb;padding:8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin:8px 4px 4px}.fn-chart-wrap{position:relative;flex:1;min-height:380px}.fn-overlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fn-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.fn-sub-box{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 10px;background:#fef3c7f2;border:1px solid #f59e0b;border-radius:4px;box-sizing:border-box;font-size:11px;color:#4a2b00}.fn-sub-row{display:flex;align-items:center;justify-content:space-between;width:100%}.fn-sub-name{font-weight:600;color:#78350f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-sub-value{font-weight:700;color:#b45309;margin-left:8px}.vd-page{display:flex;flex-direction:column;min-height:100vh;padding:16px 20px;gap:16px;color:var(--text-primary)}.vd-loading,.vd-error{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.vd-error{color:#ef4444}.vd-top{display:flex;flex-direction:column;gap:8px}.vd-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.vd-top-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.vd-top-meta{font-size:12px;color:var(--text-muted)}.vd-top-meta b{color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0 2px}.vd-top-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:flex-end;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.vd-jump-btn{align-self:flex-end;height:32px;padding:0 14px;background:var(--gradient-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #6366f140;margin-right:auto}.vd-jump-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.vd-jump-btn:active{transform:translateY(0)}.vd-filter{display:flex;flex-direction:column;gap:4px;min-width:130px;position:relative}.vd-filter-label{font-size:11px;color:var(--text-muted);letter-spacing:.5px}.vd-filter-card{display:flex;flex-direction:column;gap:4px;min-width:160px}.vd-type-pills{display:flex;gap:4px;height:32px;align-items:center}.fn-left-col .vd-type-pill{flex:0 0 auto;white-space:nowrap;padding:0 12px}.vd-type-pill{flex:1;height:28px;padding:0 8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.vd-type-pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vd-type-pill.active{background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;border-color:transparent}.vd-multi{position:relative}.vd-multi-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 10px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .15s;gap:8px}.vd-multi-trigger:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.vd-multi-arrow{color:var(--text-muted);font-size:10px}.vd-multi-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.vd-multi-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:100%;max-width:280px;max-height:380px;background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column}.vd-multi-actions{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--border-color)}.vd-multi-actions button{flex:1;height:26px;padding:0 8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:11px;cursor:pointer}.vd-multi-actions button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vd-multi-search{padding:6px;border-bottom:1px solid var(--border-color)}.vd-multi-search input{width:100%;height:26px;padding:0 8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.vd-multi-search input:focus{border-color:var(--accent-primary);background:#ffffff0f}.vd-multi-search input::placeholder{color:var(--text-muted)}.vd-multi-list{flex:1;overflow-y:auto;padding:4px}.vd-multi-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:12px}.vd-multi-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;cursor:pointer;border-radius:4px;color:var(--text-secondary)}.vd-multi-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vd-multi-item input{cursor:pointer}.vd-single-item{padding:8px 12px;font-size:12px;cursor:pointer;border-radius:4px;color:var(--text-secondary)}.vd-single-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vd-single-item.active{background:linear-gradient(135deg,#ef444433,#f59e0b33);color:var(--text-primary)}.vd-legend-item{display:flex;align-items:center;gap:8px}.vd-legend-dot{width:14px;height:14px;border-radius:3px;flex-shrink:0;box-shadow:0 0 6px currentColor}.vd-legend-text{font-size:12px;color:var(--text-secondary);white-space:nowrap}.vd-main{flex:1;min-height:0;display:flex;flex-direction:column}.vd-right-table .vd-cell{position:relative;vertical-align:bottom;color:#fff;padding:6px 8px 8px;min-height:44px}.vd-cell-main{display:block;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#fff;text-align:center}.vd-cell-mean,.vd-cell-mean .vd-cell-main{color:#fff!important}.vd-cell-diff{position:absolute;right:4px;bottom:3px;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 4px;border-radius:3px;line-height:1.3}.vd-cell-diff.up{color:#10b981;background:#10b9811f}.vd-cell-diff.down{color:#ef4444;background:#ef44441f}.vd-cell-diff.flat{color:#f59e0b;background:#f59e0b1f}.vd-cell-diff.eq{color:var(--text-muted)}.vd-right{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1}.vd-right-empty{padding:40px;text-align:center;color:var(--text-muted);font-size:13px}.vd-right-scroll{overflow:auto;flex:1;min-height:0}.vd-right-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.vd-right-table thead th{position:sticky;top:0;background:#1a1f3a;border-bottom:1px solid var(--border-color);padding:10px 12px;text-align:center;font-weight:500;color:var(--text-primary);white-space:nowrap;z-index:2}.vd-right-table .vd-col-label{position:sticky;left:0;background:#1a1f3a;text-align:left;z-index:5;font-size:13px;font-weight:500;min-width:200px;max-width:240px}.vd-right-table .vd-col-mean{position:sticky;left:200px;background:#1a1f3a;font-weight:500;min-width:110px;z-index:4;box-shadow:4px 0 8px -4px #0009}.vd-right-table .vd-col-ep{min-width:130px}.vd-col-ep-name{font-size:13px;font-weight:600;color:var(--text-primary)}.vd-col-ep-date{font-size:10px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums;font-weight:400}.vd-right-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.vd-right-table tr.vd-metric-card{cursor:pointer;transition:background .12s}.vd-right-table tr.vd-metric-card:hover td{background:var(--bg-card-hover)}.vd-right-table tr.vd-metric-card.expanded td.vd-row-label,.vd-right-table tr.vd-metric-card.expanded td.vd-cell-mean{background:#f59e0b0f}.vd-right-table .vd-row-label{position:sticky;left:0;background:#15192a;text-align:left;font-weight:500;z-index:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-right-table .vd-row-label.sub{background:#0f1320}.vd-right-table tr.vd-metric-card:hover .vd-row-label.core{background:#1c2138}.vd-right-table tr.vd-metric-card.expanded .vd-row-label.core{background:#3d2f0e}.vd-row-label.core{display:table-cell}.vd-row-label .vd-cell-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 4px currentColor}.vd-row-label .vd-cell-name{font-size:13px;font-weight:500;color:var(--text-primary)}.vd-row-label .vd-cell-toggle{color:var(--text-muted);font-size:11px;margin-left:6px}.vd-right-table tr.vd-sub-row td{background:#0000002e}.vd-row-label.sub .vd-cell-name{font-size:12px;color:var(--text-secondary);font-weight:400}.vd-cell-mean{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;position:sticky;left:200px;background:#15192a;box-shadow:4px 0 8px -4px #0009;z-index:5}.vd-cell-mean.sub{font-size:13px;font-weight:500;background:#0f1320!important}.vd-right-table tr.vd-metric-card:hover>td.vd-cell-mean{background:#1c2138}.vd-right-table tr.vd-metric-card.expanded>td.vd-cell-mean.core{background:#3d2f0e!important}@media (max-width: 900px){.vd-right-table .vd-col-label{min-width:160px}}.fn-main{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.fn-funnel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;min-height:0}.fn-chart{flex:1;min-height:380px}.fn-meta{margin-top:8px;font-size:12px;color:var(--text-muted);line-height:1.6}.fn-meta b{color:var(--text-primary);font-weight:600}.fn-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;text-align:center}.fn-empty p{margin:4px 0}.vd-month-clear{height:32px;width:32px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer}.vd-month-clear:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vd-month-input,.vd-select{height:32px;padding:0 8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;outline:none;min-width:130px}.vd-month-input:focus,.vd-select:focus{border-color:var(--accent-primary)}.vd-platform-pills{display:flex;gap:4px;flex-wrap:wrap;min-height:32px;align-items:center}@media (max-width: 900px){.fn-main{grid-template-columns:1fr}}.diag-funnel-wrap{display:flex;flex-direction:column;align-items:center;padding:4px 0 8px;width:100%}.diag-funnel-svg{display:block;max-width:100%}.diag-funnel-layer{cursor:pointer;transition:filter .2s,opacity .2s}.diag-funnel-layer--readonly{cursor:default}.diag-funnel-layer:hover{filter:brightness(1.15)}.diag-funnel-layer.dim{opacity:.32}.diag-funnel-layer.active{filter:brightness(1.2)}.diag-funnel-name{fill:#fff;font-size:17px;font-weight:700;pointer-events:none}.diag-funnel-val{fill:#ffffffeb;font-size:16px;font-weight:600;pointer-events:none}.diag-funnel-arrow{fill:var(--text-muted);font-size:10px;font-weight:600;pointer-events:none}.diag-funnel-diff-up{fill:var(--color-neg);font-size:11px;font-weight:700;pointer-events:none}.diag-funnel-diff-down{fill:var(--color-pos);font-size:11px;font-weight:700;pointer-events:none}.diag-funnel-diff-eq{fill:var(--text-muted);font-size:10px;font-weight:600;pointer-events:none}.diag-funnel-hint{font-size:11px;color:var(--text-muted);margin-top:6px;text-align:center}.diag-sub-name{fill:var(--text-secondary);font-size:11px}.diag-sub-val{fill:var(--text-primary);font-size:11px;font-weight:600}.diag-nav{position:sticky;top:60px;z-index:50;display:flex;gap:8px;padding:10px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.diagnosis-redesign-page{--rx-accent: #ff2442;--rx-heading: #171717;--rx-text: #262626;--rx-muted: #666;--rx-faint: #999;--rx-bg: #faf8f6;--rx-bg-soft: #fff3f4;--rx-surface: #fff;--rx-surface-soft: #fbfaf8;--rx-track: #f0eeeb;--rx-border: rgba(38, 38, 38, .08);--rx-border-red: rgba(255, 36, 66, .16);--rx-shadow: rgba(31, 19, 16, .08);--diagnosis-bg: #fbf7f4;--diagnosis-card: #fffdfb;--diagnosis-card-soft: #fff4f1;--diagnosis-border: rgba(35, 24, 21, .1);--diagnosis-text: #231815;--diagnosis-muted: #7b6a64;--diagnosis-soft: #a58f86;--diagnosis-red: #ff2442;--diagnosis-red-soft: rgba(255, 36, 66, .1);--diagnosis-gold: #c8822f;--diagnosis-green: #1b9a6b;--diagnosis-shadow: 0 12px 32px rgba(116, 74, 54, .1);--bg-primary: var(--diagnosis-bg);--bg-secondary: #fff8f5;--bg-card: var(--diagnosis-card);--bg-card-hover: #fff6f2;--border-color: var(--diagnosis-border);--border-hover: rgba(255, 36, 66, .28);--text-primary: var(--diagnosis-text);--text-secondary: var(--diagnosis-muted);--text-muted: var(--diagnosis-soft);--accent-primary: var(--diagnosis-red);--accent-secondary: #ff6b7e;--color-pos: var(--diagnosis-green);--color-neg: var(--diagnosis-red);--color-flat: var(--diagnosis-gold);--gradient-primary: linear-gradient(135deg, #ff2442 0%, #ff7a45 100%);--gradient-title: linear-gradient(90deg, #231815 0%, #ff2442 82%);--gradient-text: linear-gradient(90deg, #231815 0%, #8d6254 100%);--diag-funnel-1: #ff2442;--diag-funnel-2: #ff4b63;--diag-funnel-3: #ff7a8f;--diag-funnel-4: #e85d75;--diag-funnel-5: #262626;background:radial-gradient(circle at top left,rgba(255,36,66,.11),transparent 28rem),linear-gradient(180deg,#fffaf7 0%,var(--diagnosis-bg) 42%,#f8eee9 100%);color:var(--diagnosis-text);padding:18px clamp(14px,2vw,26px) 40px}.diagnosis-redesign-page .dashboard-header.rx-preview-header{position:sticky;top:0;z-index:100;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-2px 0 18px;padding:12px 16px 10px;background:#fffaf7d1;border:0;border-radius:8px;box-shadow:none;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.diagnosis-redesign-page .header-switch{opacity:1;font-size:22px;letter-spacing:0;background:var(--gradient-title);-webkit-background-clip:text;background-clip:text}.diagnosis-redesign-page .rx-preview-header .header-left{align-items:center;gap:22px}.diagnosis-redesign-page .rx-preview-header .header-switch{color:var(--rx-heading);font-size:28px;font-weight:900;-webkit-text-fill-color:initial;background:none}.diagnosis-redesign-page .header-actions{gap:8px}.diagnosis-redesign-page .vd-jump-btn,.diagnosis-redesign-page .theme-btn,.diagnosis-redesign-page .metric-help-trigger,.diagnosis-redesign-page .diagnosis-section-head button,.diagnosis-redesign-page .diagnosis-compare-head button,.diagnosis-redesign-page .diagnosis-report-control button,.diagnosis-redesign-page .diagnosis-compare-tabs button,.diagnosis-mobile-sticky-diagnose{min-height:32px;border:1px solid var(--diagnosis-border);border-radius:8px;letter-spacing:0;box-shadow:none}.diagnosis-redesign-page .vd-jump-btn,.diagnosis-redesign-page .diagnosis-section-head button,.diagnosis-redesign-page .diagnosis-compare-head button,.diagnosis-redesign-page .diagnosis-report-control button,.diagnosis-mobile-sticky-diagnose{background:var(--gradient-primary);color:#fff}.diagnosis-redesign-page .theme-btn,.diagnosis-redesign-page .metric-help-trigger{background:#fff;color:var(--diagnosis-text)}.diagnosis-redesign-page .ip-filter-tag{min-height:34px;display:inline-flex;align-items:center;padding:0 14px;background:var(--rx-surface);border:1px solid var(--diagnosis-border);border-radius:999px;color:var(--diagnosis-muted);font-size:12px;font-weight:800}.diagnosis-redesign-page .ip-filter-tag.active{background:var(--rx-accent);border-color:var(--rx-accent);color:#fff;box-shadow:0 12px 22px #ff244238}.diagnosis-redesign-page .data-time{color:var(--diagnosis-muted)}.diagnosis-redesign-page .rx-preview-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.diagnosis-redesign-page .rx-header-actions{display:flex;align-items:center;gap:8px}.diagnosis-redesign-page .rx-theme-toggle{min-height:34px;padding:0 12px;color:var(--rx-accent);background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}.diagnosis-redesign-page .rx-account-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:999px}.diagnosis-redesign-page .rx-account-pill span{color:var(--rx-faint);font-size:12px}.diagnosis-redesign-page .rx-account-pill strong{color:var(--rx-text);font-size:13px}.diagnosis-redesign-page .rx-preview-header-right time{color:var(--rx-faint);font-size:11px;cursor:pointer}.diagnosis-redesign-page .top-cards-wrapper{margin-bottom:16px}.diagnosis-redesign-page .top-cards-row{grid-template-columns:repeat(2,1fr);gap:14px}.diagnosis-redesign-page .stat-card{min-height:178px;padding:22px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px;box-shadow:0 16px 42px var(--rx-shadow)}.diagnosis-redesign-page .stat-card:hover,.diagnosis-redesign-page .stat-card.active{border-color:var(--rx-border-red);transform:none}.diagnosis-redesign-page .stat-card-icon{background:var(--diagnosis-red-soft);color:var(--diagnosis-red)}.diagnosis-redesign-page .stat-card-num{color:var(--rx-heading);font-size:36px;line-height:1.1}.diagnosis-redesign-page .stat-card-badge{background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);color:var(--rx-accent)}.diagnosis-redesign-page .stat-card-badge.down,.diagnosis-redesign-page .stat-card-item-val.down{color:var(--diagnosis-red)}.diagnosis-redesign-page .top-card-expand-panel{position:relative;left:auto;right:auto;z-index:1;margin-top:-1px;background:var(--rx-surface);border:1px solid var(--rx-border-red);border-radius:0 0 8px 8px;box-shadow:0 18px 48px var(--rx-shadow)}.diagnosis-redesign-page .top-card-expand-panel.open{max-height:none;opacity:1;overflow:visible}.diagnosis-redesign-page .top-card-expand-section h4{color:var(--diagnosis-text)}.diagnosis-redesign-page .rx-card-expand-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.85fr);gap:18px;padding:18px;align-items:stretch}.diagnosis-redesign-page .rx-card-expand-inner section{min-width:0;padding:16px;background:var(--rx-surface-soft);border:1px solid var(--rx-border);border-radius:8px}.diagnosis-redesign-page .rx-card-expand-inner h4{margin:0 0 14px;color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .rx-expand-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.diagnosis-redesign-page .rx-expand-filters span{color:var(--rx-faint);font-size:12px}.diagnosis-redesign-page .rx-expand-filters b{padding:5px 10px;color:var(--rx-muted);background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:999px;font-size:12px;cursor:pointer}.diagnosis-redesign-page .rx-expand-filters b.active{color:#fff;background:var(--rx-accent);border-color:var(--rx-accent)}.diagnosis-redesign-page .rx-stacked-bars,.diagnosis-redesign-page .rx-expand-summary{display:grid;gap:10px}.diagnosis-redesign-page .rx-stacked-row{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(136px,auto);gap:10px;align-items:center;color:var(--rx-muted);font-size:13px}.diagnosis-redesign-page .rx-stacked-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnosis-redesign-page .rx-stacked-row>div{display:flex;height:12px;overflow:hidden;background:var(--rx-track);border-radius:999px}.diagnosis-redesign-page .rx-stacked-row>div b{height:100%;flex-shrink:0}.diagnosis-redesign-page .rx-stacked-row em{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--rx-text);font-style:normal;font-weight:800;white-space:nowrap}.diagnosis-redesign-page .rx-stacked-row em small{font-size:11px;font-weight:800}.diagnosis-redesign-page .rx-stacked-row em small.up{color:#16a34a}.diagnosis-redesign-page .rx-stacked-row em small.down{color:var(--rx-accent)}.diagnosis-redesign-page .rx-expand-summary label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--rx-muted);font-size:13px}.diagnosis-redesign-page .rx-expand-summary strong{color:var(--rx-heading);font-size:15px;white-space:nowrap;text-align:right}.diagnosis-redesign-page .rx-card-expand-inner .platform-name{color:var(--rx-muted)}.diagnosis-redesign-page .rx-card-expand-inner .platform-val{color:var(--rx-text)}.diagnosis-redesign-page .rx-card-expand-inner .platform-bar-wrap{background:#26262614}.diagnosis-redesign-page .filter-tag{background:#fff8f5;border-color:var(--diagnosis-border);color:var(--diagnosis-muted)}.diagnosis-redesign-page .filter-tag.active,.diagnosis-redesign-page .cmp-radio-btn.active,.diagnosis-redesign-page .vd-type-pill.active{background:var(--diagnosis-red-soft);border-color:#ff244252;color:var(--diagnosis-red)}.diagnosis-funnel-card,.diagnosis-report-shell,.diagnosis-compare-drawer{background:#fffdfbf5;border:1px solid var(--diagnosis-border);border-radius:8px;box-shadow:var(--diagnosis-shadow)}.diagnosis-report-control p,.diagnosis-section-head p,.diagnosis-compare-head p{margin:0 0 4px;color:var(--diagnosis-red);font-size:12px;font-weight:700}.diagnosis-report-control h2,.diagnosis-section-head h2,.diagnosis-compare-head h2{margin:0;color:var(--diagnosis-text);font-size:20px;line-height:1.25}.diagnosis-main-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:16px;align-items:start;margin-top:16px}.diagnosis-funnel-card,.diagnosis-report-shell{padding:18px}.diagnosis-section-head,.diagnosis-report-control,.diagnosis-compare-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.diagnosis-section-head button,.diagnosis-report-control button,.diagnosis-compare-head button{flex:0 0 auto;padding:0 14px;font-weight:700;cursor:pointer}.diagnosis-report-control button:disabled{cursor:wait;opacity:.72}.diagnosis-report-shell{position:sticky;top:88px}.diagnosis-redesign-page .rx-preview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.diagnosis-redesign-page .rx-panel{padding:22px;background:color-mix(in srgb,var(--rx-surface) 92%,transparent);border:1px solid var(--rx-border);border-radius:8px;box-shadow:0 18px 48px var(--rx-shadow)}.diagnosis-redesign-page .rx-section-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;padding:14px 18px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px;box-shadow:0 18px 48px var(--rx-shadow)}.diagnosis-redesign-page .rx-section-right{display:flex;flex-direction:row;align-items:center;gap:16px}.diagnosis-redesign-page .rx-section-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.diagnosis-redesign-page .rx-section-episode{color:var(--rx-heading);font-size:24px;font-weight:900;line-height:1.2}.diagnosis-redesign-page .rx-section-date{color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .rx-section-head p,.diagnosis-redesign-page .rx-preview-kicker{margin:0 0 8px;color:var(--rx-accent);font-size:13px;font-weight:800}.diagnosis-redesign-page .rx-section-head h2{margin:0;color:var(--rx-heading);font-size:22px}.diagnosis-redesign-page .rx-section-head span{display:block;margin-top:6px;color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .rx-ghost-btn{min-height:40px;padding:0 16px;color:var(--rx-accent);background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);border-radius:8px;font-weight:800;cursor:pointer}.diagnosis-redesign-page .rx-funnel{display:grid;gap:14px}.diagnosis-redesign-page .rx-funnel-row{display:flex;flex-direction:column;gap:6px}.diagnosis-redesign-page .rx-funnel-layer-name{color:var(--rx-text);font-size:13px;font-weight:700}.diagnosis-redesign-page .rx-funnel-row-body{display:flex;flex-direction:row;align-items:center;gap:14px}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-layer-name{text-align:right}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-row-body{flex-direction:row-reverse}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-bar-val{left:auto;right:8px}.diagnosis-redesign-page .rx-funnel-label span{display:block;color:#777;font-size:12px}.diagnosis-redesign-page .rx-funnel-label strong{display:block;margin-top:3px;color:#171717;font-size:18px}.diagnosis-redesign-page .rx-funnel-track{flex:1;height:44px;padding:5px;background:var(--rx-track);border-radius:8px;overflow:visible}.diagnosis-redesign-page .rx-funnel-bar{position:relative;height:100%;min-width:1px;border-radius:6px;transition:width .35s ease}.diagnosis-redesign-page .rx-funnel-bar-val{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;text-shadow:0 0 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.85)}.diagnosis-redesign-page .rx-funnel-row em{color:#555;font-style:normal;font-weight:800;text-align:right}.diagnosis-redesign-page .rx-funnel-layout{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:16px;align-items:start}.diagnosis-redesign-page .rx-avg-funnel{display:flex;flex-direction:column;gap:14px;min-width:0}.diagnosis-redesign-page .rx-avg-title{margin:0 0 8px;color:var(--rx-accent);font-size:18px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagnosis-redesign-page .rx-avg-empty{padding:48px 0;text-align:center;color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .rx-cmp-section{display:flex;flex-direction:column;gap:14px}.diagnosis-redesign-page .rx-cmp-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--rx-border)}.diagnosis-redesign-page .rx-cmp-title{font-size:15px;font-weight:800;color:var(--rx-heading)}.diagnosis-redesign-page .rx-cmp-controls{display:flex;flex-direction:row;align-items:flex-start;gap:24px;flex-wrap:wrap}.diagnosis-redesign-page .rx-cmp-col{display:flex;flex-direction:column;gap:8px}.diagnosis-redesign-page .rx-cmp-picker{font-size:12px;color:var(--rx-muted);display:flex;align-items:center;gap:8px}.diagnosis-redesign-page .rx-cmp-picker-tag{font-weight:700;color:var(--rx-heading);min-width:56px;display:inline-block}.diagnosis-redesign-page .rx-cmp-radio{display:flex;gap:8px}.diagnosis-redesign-page .rx-cmp-radio-btn{background:var(--rx-bg-soft);color:var(--rx-muted);border:1px solid var(--rx-border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer}.diagnosis-redesign-page .rx-cmp-radio-btn.active{background:var(--rx-accent);color:#fff;border-color:var(--rx-accent)}.diagnosis-redesign-page .rx-cmp-sel{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-border);border-radius:8px;padding:5px 8px;font-size:12px}.diagnosis-redesign-page .diag-type-frame{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:12px;box-shadow:0 2px 10px #2626260f}.diagnosis-redesign-page .diag-type-frame .rx-cmp-radio-btn{border-radius:8px;padding:5px 14px;border:none;background:#2626260d;color:var(--rx-muted);transition:background .15s ease,color .15s ease}.diagnosis-redesign-page .diag-type-frame .rx-cmp-radio-btn:hover{background:#2626261a}.diagnosis-redesign-page .diag-type-frame .rx-cmp-radio-btn.active{background:#ff244217;color:#e11d3d}.diagnosis-redesign-page .rx-cmp-section-title{font-size:14px;font-weight:800;color:var(--rx-heading)}.diagnosis-redesign-page .rx-cmp-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.diagnosis-redesign-page .rx-cmp-card{padding:12px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px;text-align:center}.diagnosis-redesign-page .rx-cmp-card-name{font-size:12px;color:var(--rx-muted);margin-bottom:6px}.diagnosis-redesign-page .rx-cmp-card-vals{font-size:13px;display:flex;flex-direction:column;align-items:center;gap:2px}.diagnosis-redesign-page .rx-cmp-card-line{display:flex;align-items:center;gap:6px}.diagnosis-redesign-page .rx-cmp-card-tag{font-size:11px;color:var(--rx-muted)}.diagnosis-redesign-page .rx-cmp-card-a{color:var(--rx-text)}.diagnosis-redesign-page .rx-cmp-card-b{color:var(--rx-text);font-weight:800}.diagnosis-redesign-page .rx-cmp-card-diff{font-size:11px;font-weight:800;margin-top:6px;display:inline-block;padding:2px 8px;border-radius:999px}.diagnosis-redesign-page .rx-cmp-card-diff.up{color:#16a34a;background:#16a34a1a}.diagnosis-redesign-page .rx-cmp-card-diff.down{color:var(--rx-accent);background:var(--rx-bg-soft)}.diagnosis-redesign-page .rx-cmp-rows{display:flex;flex-direction:column;gap:8px}.diagnosis-redesign-page .rx-cmp-row-head{display:grid;grid-template-columns:13% 26% 18% 43%;gap:12px;padding:4px 10px;font-size:12px;font-weight:800;color:var(--rx-muted)}.diagnosis-redesign-page .rx-cmp-row{display:grid;grid-template-columns:13% 26% 18% 43%;gap:12px}.diagnosis-redesign-page .rx-cmp-row>*{min-width:0;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px;padding:8px 10px}.diagnosis-redesign-page .rx-cmp-row-name{font-size:13px;font-weight:700;color:var(--rx-heading);display:flex;align-items:center;justify-content:center}.diagnosis-redesign-page .rx-cmp-row-vals{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}.diagnosis-redesign-page .rx-cmp-val-line{display:flex;align-items:center;gap:8px}.diagnosis-redesign-page .rx-cmp-val-tag{font-size:11px;color:var(--rx-muted);white-space:nowrap}.diagnosis-redesign-page .rx-cmp-val{color:var(--rx-text)}.diagnosis-redesign-page .rx-cmp-val-b{font-weight:800}.diagnosis-redesign-page .rx-cmp-diff{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--rx-bg-soft);color:var(--rx-muted)}.diagnosis-redesign-page .rx-cmp-row.up .rx-cmp-diff{color:#16a34a;background:#16a34a1a}.diagnosis-redesign-page .rx-cmp-row.down .rx-cmp-diff{color:var(--rx-accent);background:var(--rx-bg-soft)}.diagnosis-redesign-page .rx-cmp-report{font-size:12px;color:var(--rx-muted);line-height:1.5;display:flex;align-items:center}.diagnosis-redesign-page .rx-cmp-summary{padding:14px 16px;background:var(--rx-surface);border:1px solid var(--rx-border);border-left:3px solid var(--rx-accent);border-radius:8px}.diagnosis-redesign-page .rx-cmp-summary-title{font-size:14px;font-weight:800;color:var(--rx-accent);margin-bottom:6px}.diagnosis-redesign-page .rx-cmp-summary-body{font-size:13px;color:var(--rx-muted);line-height:1.7}.diagnosis-redesign-page .rx-cmp-body{display:flex;gap:24px;align-items:stretch}.diagnosis-redesign-page .rx-cmp-side-cards{flex:0 0 44%;min-width:0;display:flex;flex-direction:column}.diagnosis-redesign-page .rx-cmp-side-rows{flex:1;min-width:0}.diagnosis-redesign-page .rx-cmp-cards-title{font-size:14px;font-weight:800;color:var(--rx-muted);padding:6px 10px;margin-bottom:4px}.diagnosis-redesign-page .rx-cmp-cards-list{display:flex;flex-direction:column;gap:10px;flex:1;align-items:center;padding:8px 0}.diagnosis-redesign-page .rx-cmp-core-funnel-svg{width:100%;max-width:560px;height:100%;flex:1;min-height:0}.diagnosis-redesign-page .rx-cmp-rows{gap:4px}.diagnosis-redesign-page .rx-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.diagnosis-redesign-page .rx-section-title{font-size:17px;font-weight:800;color:var(--text-primary)}.diagnosis-redesign-page .rx-funnel-expand-bar{display:flex;gap:8px;margin:0 0 0 auto}.diagnosis-redesign-page .rx-funnel-expand-btn{background:var(--rx-bg-soft);color:var(--rx-accent);border:1px solid rgba(255,36,66,.32);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.diagnosis-redesign-page .rx-funnel-expand-btn:hover{background:#ffe5e8}.diagnosis-redesign-page .rx-funnel-expand-btn.active{background:var(--rx-accent);color:#fff;border-color:var(--rx-accent);box-shadow:0 4px 12px #ff244238}.diagnosis-redesign-page .rx-cmp-row-2col .rx-cmp-row-card{padding:10px 12px;gap:6px}.diagnosis-redesign-page .rx-cmp-row-report{padding:10px 12px}.diagnosis-redesign-page .rx-cmp-row-2col-head{padding:4px 10px}.diagnosis-redesign-page .rx-cmp-row-card{background:var(--rx-surface);border:1px solid rgba(38,38,38,.18);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px;flex:1;min-height:0;box-shadow:0 2px 8px #1f13100a}.diagnosis-redesign-page .rx-cmp-row-card-name{font-size:15px;font-weight:800;color:var(--row-color, var(--rx-heading));padding-bottom:6px;border-bottom:1px solid rgba(38,38,38,.14)}.diagnosis-redesign-page .rx-cmp-row-card-body{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0}.diagnosis-redesign-page .rx-cmp-row-card-vals{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-line{display:flex;align-items:center;gap:14px;font-size:13px}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-tag{font-size:12px;color:var(--rx-muted);white-space:nowrap;width:130px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-a{color:var(--rx-text)}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-b{color:var(--rx-text);font-weight:800}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-diff{font-size:12px;font-weight:800;display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid rgba(38,38,38,.18);color:var(--rx-muted);margin-left:auto;align-self:center;white-space:nowrap}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-diff.up{color:#16a34a;background:#16a34a1a;border-color:#16a34a}.diagnosis-redesign-page .rx-cmp-row-card .rx-cmp-card-diff.down{color:var(--rx-accent);background:var(--rx-bg-soft);border-color:#ff244252}.diagnosis-redesign-page .rx-cmp-row-2col-head{display:grid;grid-template-columns:60% 40%;gap:14px;padding:6px 10px;font-size:12px;font-weight:800;color:var(--rx-muted)}.diagnosis-redesign-page .rx-cmp-row-2col{display:grid;grid-template-columns:60% 40%;align-items:stretch;gap:14px}.diagnosis-redesign-page .rx-cmp-row-2col .rx-cmp-row-card{flex:none}.diagnosis-redesign-page .rx-cmp-row-report{font-size:13px;color:var(--rx-text);background:var(--rx-surface);line-height:1.5;display:flex;align-items:center;border:1px solid rgba(38,38,38,.18);border-radius:8px;padding:8px 10px;overflow:hidden;box-shadow:0 2px 8px #1f13100a}@media (max-width: 720px){.diagnosis-redesign-page .rx-cmp-body{flex-direction:column;gap:14px}.diagnosis-redesign-page .rx-cmp-side-cards{flex:0 0 auto}.diagnosis-redesign-page .rx-cmp-row-2col-head,.diagnosis-redesign-page .rx-cmp-row-2col{grid-template-columns:1fr;gap:6px}}.diagnosis-redesign-page .rx-funnel-row{cursor:pointer;transition:opacity .2s ease}.diagnosis-redesign-page .rx-funnel-row--readonly{cursor:default;grid-template-columns:58px minmax(0,1fr) 140px}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-label{grid-column:3;grid-row:1;text-align:right}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-track{grid-column:2;grid-row:1}.diagnosis-redesign-page .rx-funnel-row--readonly>em{grid-column:1;grid-row:1;text-align:left}.diagnosis-redesign-page .rx-funnel-row--readonly .rx-funnel-bar{margin-left:auto}.diagnosis-redesign-page .rx-funnel-row.dim{opacity:.4}.diagnosis-redesign-page .rx-funnel-row.active .rx-funnel-track{box-shadow:0 0 0 2px var(--rx-accent)}.diagnosis-redesign-page .rx-funnel-hint{margin-top:6px;color:var(--rx-muted);font-size:12px;text-align:center}.diagnosis-redesign-page .rx-funnel-column{display:flex;flex-direction:column;gap:14px;min-width:0}.diagnosis-redesign-page .rx-layer-levers-block{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px}.diagnosis-redesign-page .rx-layer-detail{position:relative;justify-self:start;width:100%;height:280px;box-sizing:border-box;padding:18px 20px;background:var(--rx-surface);border:1px solid var(--rx-border-red);border-radius:8px;box-shadow:0 18px 48px var(--rx-shadow);overflow:auto}.diagnosis-redesign-page .rx-layer-detail p{line-height:1.8}.diagnosis-redesign-page .rx-layer-close{position:absolute;top:12px;right:14px;padding:4px 10px;color:var(--rx-accent);background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}.diagnosis-redesign-page .rx-layer-kicker{margin:0 0 4px;padding-right:64px;font-size:12px;font-weight:800}.diagnosis-redesign-page .rx-layer-detail h3{margin:0 0 10px;color:var(--rx-heading);font-size:20px;font-weight:900;letter-spacing:0}.diagnosis-redesign-page .rx-layer-question{margin:0 0 8px;color:var(--rx-accent);font-style:italic;font-size:14px}.diagnosis-redesign-page .rx-layer-desc{margin:0 0 14px;color:var(--rx-muted);font-size:13px;line-height:1.6}.diagnosis-redesign-page .rx-layer-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:var(--rx-bg-soft);border-radius:8px}.diagnosis-redesign-page .rx-layer-value span{color:var(--rx-muted);font-size:13px}.diagnosis-redesign-page .rx-layer-value strong{color:var(--rx-heading);font-size:22px;font-weight:900}.diagnosis-redesign-page .rx-layer-levers{margin-bottom:12px}.diagnosis-redesign-page .rx-layer-levers:last-child{margin-bottom:0}.diagnosis-redesign-page .rx-layer-levers h4{margin:0 0 6px;color:var(--rx-heading);font-size:13px;font-weight:800}.diagnosis-redesign-page .rx-layer-levers ul{list-style:none;padding:0;margin:0}.diagnosis-redesign-page .rx-layer-levers li{position:relative;padding:4px 0 4px 16px;color:var(--rx-text);font-size:13px;line-height:1.5}.diagnosis-redesign-page .rx-layer-levers li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--rx-accent)}.diagnosis-redesign-page .rx-layer-levers+.rx-layer-levers li:before{background:var(--rx-muted)}.diagnosis-redesign-page .rx-funnel-summary{margin-top:18px;padding:16px;background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);border-radius:8px}.diagnosis-redesign-page .rx-funnel-summary>div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--rx-muted);font-size:13px}.diagnosis-redesign-page .rx-funnel-summary strong{color:var(--rx-heading)}.diagnosis-redesign-page .rx-funnel-summary p{margin:10px 0 0;color:var(--rx-muted);font-size:13px;line-height:1.7}.diagnosis-redesign-page .rx-funnel-summary p b{color:var(--rx-accent)}.diagnosis-redesign-page .rx-funnel-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.diagnosis-redesign-page .rx-funnel-tags i{padding:4px 9px;background:#fff;border:1px solid var(--rx-border);border-radius:999px;color:var(--rx-muted);font-size:12px;font-style:normal;font-weight:800}.diagnosis-redesign-page .rx-funnel-tags i.good{color:#16a34a}.diagnosis-redesign-page .rx-funnel-tags i.warning{color:#d97706}.diagnosis-redesign-page .rx-funnel-tags i.bad{color:var(--rx-accent)}.diagnosis-redesign-page .rx-funnel-panel.compare-open{grid-column:1 / -1}.diagnosis-redesign-page .rx-retention-drawer{margin-top:20px;padding:18px;background:#fff8f5;border:1px solid var(--rx-border-red);border-radius:8px}.diagnosis-redesign-page .rx-retention-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.diagnosis-redesign-page .rx-retention-drawer-head p{margin:0 0 6px;color:var(--rx-accent);font-size:12px;font-weight:800}.diagnosis-redesign-page .rx-retention-drawer-head h3{margin:0;color:var(--rx-heading);font-size:20px;line-height:1.25}.diagnosis-redesign-page .rx-retention-drawer-head span{display:block;margin-top:6px;color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .rx-retention-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.diagnosis-redesign-page .rx-retention-tabs button{flex:0 0 auto;min-height:34px;padding:0 14px;background:var(--rx-accent);border:1px solid var(--rx-accent);border-radius:999px;color:#fff;font-size:12px;font-weight:800}.diagnosis-redesign-page .rx-retention-drawer-body{min-width:0}.diagnosis-redesign-page .rx-retention-drawer .dashboard-container{padding:0;min-height:0;background:transparent}.diagnosis-process-list{display:grid;gap:8px;margin:16px 0}.diagnosis-process-list>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px;background:#fff8f5;border:1px solid var(--diagnosis-border);border-radius:8px;color:var(--diagnosis-muted)}.diagnosis-process-list span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--diagnosis-border);color:var(--diagnosis-soft);font-size:12px;font-weight:800}.diagnosis-process-list p{margin:0;font-size:13px;font-weight:650}.diagnosis-process-list>div.active,.diagnosis-process-list>div.done{background:var(--diagnosis-red-soft);border-color:#ff244247;color:var(--diagnosis-red)}.diagnosis-process-list>div.active span,.diagnosis-process-list>div.done span{background:var(--diagnosis-red);border-color:var(--diagnosis-red);color:#fff}.diagnosis-report-result{display:none;gap:12px}.diagnosis-report-result.visible{display:grid}.diagnosis-score-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:14px;background:linear-gradient(135deg,#231815,#6d342f);border-radius:8px;color:#fff}.diagnosis-score-card span,.diagnosis-score-card p{margin:0;color:#ffffffb8;font-size:12px}.diagnosis-score-card strong{grid-row:span 2;font-size:42px;line-height:1}.diagnosis-report-items{display:grid;gap:10px}.diagnosis-report-items article{padding:12px;background:#fff8f5;border:1px solid var(--diagnosis-border);border-radius:8px}.diagnosis-report-items h3{margin:0 0 6px;color:var(--diagnosis-text);font-size:14px}.diagnosis-report-items p{margin:0;color:var(--diagnosis-muted);font-size:13px;line-height:1.65}.diagnosis-redesign-page .diag-section{background:transparent;border:0;padding:0}.diagnosis-redesign-page .fn-main{gap:14px}.diagnosis-redesign-page .fn-funnel{background:#fff8f5;border-color:var(--diagnosis-border);min-height:520px}.diagnosis-redesign-page .fn-title{color:var(--rx-heading);border:1px solid var(--rx-border);border-radius:8px;padding:8px 16px;font-size:16px;font-weight:800;margin:8px 4px 4px}.diagnosis-redesign-page .vd-multi-trigger,.diagnosis-redesign-page .vd-month-input,.diagnosis-redesign-page .vd-select,.diagnosis-redesign-page .cmp-sel,.diagnosis-redesign-page .cmp-radio-btn,.diagnosis-redesign-page .vd-type-pill{background:#fff;border-color:var(--diagnosis-border);color:var(--diagnosis-text)}.diagnosis-redesign-page .vd-multi-panel{background:#fff;border-color:#ff244238;box-shadow:0 14px 34px #4e2b212e}.diagnosis-compare-drawer{display:block;margin-top:16px;padding:18px}.diagnosis-compare-drawer:not(.open){padding-bottom:12px}.diagnosis-compare-drawer:not(.open) .diagnosis-compare-tabs,.diagnosis-compare-drawer:not(.open) .diagnosis-compare-tab-panel{display:none}.diagnosis-compare-tabs{display:flex;gap:8px;margin:10px 0 14px;overflow-x:auto;padding-bottom:2px}.diagnosis-compare-tabs button{flex:0 0 auto;padding:0 14px;background:#fff8f5;color:var(--diagnosis-muted);font-weight:700;cursor:pointer}.diagnosis-compare-tabs button.active{background:var(--diagnosis-red);border-color:var(--diagnosis-red);color:#fff}.diagnosis-compare-tab-panel{min-height:560px}.diagnosis-redesign-page .retention-page{background:transparent;padding:0}.diagnosis-redesign-page .retention-filter-bar,.diagnosis-redesign-page .retention-list-card,.diagnosis-redesign-page .retention-chart-cell,.diagnosis-redesign-page .cmp-card,.diagnosis-redesign-page .cmp-summary,.diagnosis-redesign-page .cmp-row{background:#fff8f5!important;border-color:var(--diagnosis-border);color:var(--diagnosis-text)}.diagnosis-redesign-page .retention-list-row,.diagnosis-redesign-page .retention-list-row .ep,.diagnosis-redesign-page .retention-chart-title,.diagnosis-redesign-page .cmp-title,.diagnosis-redesign-page .cmp-section-title,.diagnosis-redesign-page .cmp-card-name,.diagnosis-redesign-page .cmp-summary-title,.diagnosis-redesign-page .cmp-row-name,.diagnosis-redesign-page .cmp-val,.diagnosis-redesign-page .cmp-card-a,.diagnosis-redesign-page .cmp-card-b{color:var(--diagnosis-text)}.diagnosis-redesign-page .retention-list-row .meta,.diagnosis-redesign-page .retention-list-row .dur,.diagnosis-redesign-page .cmp-picker-tag,.diagnosis-redesign-page .cmp-card-tag,.diagnosis-redesign-page .cmp-report,.diagnosis-redesign-page .cmp-summary-body{color:var(--diagnosis-muted)}.diagnosis-redesign-page .retention-page-template{gap:16px;min-height:0;padding:0}.diagnosis-redesign-page .retention-page-template .retention-filter-bar{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(260px,1.25fr) minmax(420px,1.75fr) minmax(220px,.9fr);gap:10px;align-items:stretch;padding:10px;background:linear-gradient(180deg,#fff,#fffaf8)!important;border:1px solid rgba(255,36,66,.12);border-radius:8px;box-shadow:0 12px 30px #4e2b210f}.diagnosis-redesign-page .retention-page-template .filter-group{gap:8px;min-width:0;padding:10px;background:#ffffffd1;border:1px solid rgba(78,43,33,.06);border-radius:8px}.diagnosis-redesign-page .retention-page-template .filter-title{color:#8a6b61;font-size:12px;font-weight:800;letter-spacing:0}.diagnosis-redesign-page .retention-page-template .filter-counter{color:#b1948b;font-weight:700}.diagnosis-redesign-page .retention-page-template .filter-tags{gap:6px;max-height:84px;overflow:auto;padding-right:2px}.diagnosis-redesign-page .retention-page-template .filter-tags::-webkit-scrollbar,.diagnosis-redesign-page .retention-page-template .retention-list-body::-webkit-scrollbar{width:6px;height:6px}.diagnosis-redesign-page .retention-page-template .filter-tags::-webkit-scrollbar-track,.diagnosis-redesign-page .retention-page-template .retention-list-body::-webkit-scrollbar-track{background:#ff24420f;border-radius:999px}.diagnosis-redesign-page .retention-page-template .filter-tags::-webkit-scrollbar-thumb,.diagnosis-redesign-page .retention-page-template .retention-list-body::-webkit-scrollbar-thumb{background:#ff244247;border-radius:999px}.diagnosis-redesign-page .retention-page-template .filter-tag{min-height:26px;padding:4px 9px;background:#fff;border:1px solid var(--rx-border);border-radius:999px;color:#6f5750;font-size:12px;font-weight:800}.diagnosis-redesign-page .retention-page-template .filter-tag:hover{border-color:#ff244259;color:var(--rx-accent)}.diagnosis-redesign-page .retention-page-template .filter-tag.active{background:var(--rx-accent);border-color:var(--rx-accent);color:#fff}.diagnosis-redesign-page .retention-page-template .filter-tag.select-all,.diagnosis-redesign-page .retention-page-template .filter-tag.clear{background:#fff8f5;border-style:dashed;color:#8a6b61}.diagnosis-redesign-page .retention-page-template .retention-body{display:block;overflow:visible}.diagnosis-redesign-page .retention-page-template .retention-charts-column{gap:12px;overflow:visible}.diagnosis-redesign-page .retention-page-template .retention-shared-zoom{padding:10px 14px;background:#fff;border:1px solid var(--rx-border);border-radius:8px;z-index:50}.diagnosis-redesign-page .retention-page-template .zoom-label,.diagnosis-redesign-page .retention-page-template .zoom-readout{color:#8a6b61;font-weight:800}.diagnosis-redesign-page .retention-page-template .zoom-track:before{background:#ff24421f}.diagnosis-redesign-page .retention-page-template .zoom-fill,.diagnosis-redesign-page .retention-page-template .zoom-input::-webkit-slider-thumb{background:var(--rx-accent)}.diagnosis-redesign-page .retention-page-template .retention-charts-grid{min-height:0;overflow:visible;gap:14px}.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-1,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-2,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-3,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-4,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-5{grid-auto-rows:minmax(330px,auto);grid-template-rows:none}.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-1,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-2,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-3,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-4,.diagnosis-redesign-page .retention-page-template .retention-charts-grid.count-5{grid-template-columns:minmax(0,1fr)}.diagnosis-redesign-page .retention-page-template .retention-charts-grid .retention-chart-cell:first-child{grid-column:1 / -1;min-height:440px}.diagnosis-redesign-page .retention-page-template .retention-chart-cell{min-height:330px;padding:14px;background:#fff!important;border:1px solid rgba(38,38,38,.2);border-radius:8px;box-shadow:0 10px 24px #4e2b210f}.diagnosis-redesign-page .retention-page-template .retention-chart-title{color:var(--rx-heading);font-size:14px;font-weight:900}.diagnosis-redesign-page .retention-page-template .retention-list-card{min-height:0;height:auto;max-height:none;background:transparent!important;border:0;border-radius:8px;box-shadow:none;overflow:visible}.diagnosis-redesign-page .retention-page-template .filter-title{color:var(--rx-muted);font-size:12px}.diagnosis-redesign-page .retention-page-template .filter-tag{background:var(--rx-bg-soft);border:1px solid var(--rx-border);color:var(--rx-muted);border-radius:999px}.diagnosis-redesign-page .retention-page-template .filter-tag:hover{border-color:var(--rx-border-red);color:var(--rx-text)}.diagnosis-redesign-page .retention-page-template .filter-tag.active{background:var(--rx-accent);border-color:var(--rx-accent);color:#fff;font-weight:700}.diagnosis-redesign-page .retention-page-template .filter-tag.select-all,.diagnosis-redesign-page .retention-page-template .filter-tag.clear{background:transparent;color:var(--rx-muted)}.diagnosis-redesign-page .retention-page-template .retention-list-header{color:var(--rx-heading)}.diagnosis-redesign-page .retention-page-template .retention-list-row,.diagnosis-redesign-page .retention-page-template .retention-list-row .ep{color:#171717;font-weight:600}.diagnosis-redesign-page .retention-page-template .retention-list-row{grid-template-columns:10px minmax(100px,auto) 1fr auto auto}.diagnosis-redesign-page .retention-page-template .retention-list-row .ep{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-all}.diagnosis-redesign-page .retention-page-template .retention-list-row .meta,.diagnosis-redesign-page .retention-page-template .retention-list-row .dur{color:#666}.diagnosis-redesign-page .retention-page-template .retention-list-row .maxsec{color:var(--rx-accent);font-weight:600}.diagnosis-redesign-page .retention-page-template .retention-list-row:hover{background:var(--rx-bg-soft)}.diagnosis-redesign-page .retention-page-template .retention-list-body::-webkit-scrollbar-thumb{background:#ff24424d}.diagnosis-redesign-page .retention-page-template .retention-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;overflow:visible}.diagnosis-redesign-page .retention-page-template .retention-list-header{color:var(--rx-heading);padding:0 2px 8px;border:0;font-weight:900}.diagnosis-redesign-page .retention-page-template .retention-list-body{display:flex;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:0 4px}.diagnosis-redesign-page .retention-page-template .retention-list-row{display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;gap:2px 6px;padding:6px 4px;border-bottom:1px solid rgba(38,38,38,.06)}.diagnosis-redesign-page .retention-page-template .retention-list-row .dot{width:8px;height:8px;border-radius:50%;align-self:center}.diagnosis-redesign-page .retention-page-template .retention-list-row .ep{color:#171717;font-weight:600;font-size:13px}.diagnosis-redesign-page .retention-page-template .retention-list-row .meta{grid-column:1 / -1;color:#999;font-size:11px;padding-left:14px}.diagnosis-redesign-page .rx-retention-expanded{display:grid;gap:14px}.diagnosis-redesign-page .rx-retention-toolbar{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:14px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px}.diagnosis-redesign-page .rx-retention-toolbar h3{margin:0 0 6px;color:var(--rx-heading);font-size:18px;font-weight:900}.diagnosis-redesign-page .rx-retention-toolbar p{margin:0;color:var(--rx-muted);font-size:13px}.diagnosis-redesign-page .rx-retention-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.diagnosis-redesign-page .rx-retention-pills span{padding:6px 10px;color:var(--rx-accent);background:var(--rx-bg-soft);border:1px solid var(--rx-border-red);border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}.diagnosis-redesign-page .rx-retention-pills span.active{color:#fff;background:var(--rx-accent);border-color:var(--rx-accent)}.diagnosis-redesign-page .rx-retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.diagnosis-redesign-page .rx-retention-chart-card{min-width:0;padding:14px;background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:8px}.diagnosis-redesign-page .rx-retention-chart-card:nth-child(4),.diagnosis-redesign-page .rx-retention-chart-card:nth-child(5){grid-column:span 1}.diagnosis-redesign-page .rx-retention-chart-card h4{margin:0 0 8px;color:var(--rx-text);font-size:14px}.diagnosis-redesign-page .rx-retention-insight{padding:14px 16px;color:var(--rx-muted);background:var(--rx-surface);border:1px solid var(--rx-border-red);border-radius:8px;font-size:14px;line-height:1.7}.diagnosis-redesign-page .rx-retention-insight strong{color:var(--rx-accent)}.diagnosis-mobile-sticky-diagnose{display:none}@media (max-width: 1100px){.diagnosis-main-layout{grid-template-columns:1fr}.diagnosis-report-shell{position:relative;top:auto}}@media (max-width: 760px){.diagnosis-redesign-page{padding:12px 10px 88px}.diagnosis-redesign-page .dashboard-header,.diagnosis-section-head,.diagnosis-report-control,.diagnosis-compare-head{align-items:stretch;flex-direction:column}.diagnosis-redesign-page .header-left,.diagnosis-redesign-page .header-actions{width:100%}.diagnosis-redesign-page .header-right{width:100%;align-items:stretch}.diagnosis-redesign-page .header-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.diagnosis-redesign-page .vd-jump-btn{flex:0 0 auto;margin-right:0}.diagnosis-redesign-page .top-cards-row,.diagnosis-redesign-page .fn-main,.diagnosis-redesign-page .retention-charts-grid.count-1,.diagnosis-redesign-page .retention-charts-grid.count-2,.diagnosis-redesign-page .retention-charts-grid.count-3,.diagnosis-redesign-page .retention-charts-grid.count-4,.diagnosis-redesign-page .retention-charts-grid.count-5,.diagnosis-redesign-page .rx-retention-grid,.diagnosis-redesign-page .rx-funnel-layout.has-detail{grid-template-columns:1fr}.diagnosis-funnel-card,.diagnosis-report-shell,.diagnosis-compare-drawer{padding:14px}.diagnosis-redesign-page .fn-funnel{min-height:440px;padding:12px}.diagnosis-redesign-page .retention-charts-grid{height:auto}.diagnosis-redesign-page .retention-chart-cell{min-height:320px}.diagnosis-mobile-sticky-diagnose{position:fixed;left:14px;right:14px;bottom:14px;z-index:120;display:block;height:46px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #ff244238}}.mv2-page{--rx-accent: #ff2442;--rx-heading: #171717;--rx-text: #262626;--rx-muted: #666;--rx-faint: #999;--rx-bg-soft: #fff3f4;--rx-surface: #fff;--rx-surface-soft: #fbfaf8;--rx-track: #f0eeeb;--rx-border: rgba(38, 38, 38, .08);--rx-border-red: rgba(255, 36, 66, .16);--diagnosis-bg: #fbf7f4;--diagnosis-card: #fffdfb;--diagnosis-border: rgba(35, 24, 21, .1);--diagnosis-text: #231815;--diagnosis-muted: #7b6a64;--diagnosis-red: #ff2442;--diagnosis-red-soft: rgba(255, 36, 66, .1);--diagnosis-green: #1b9a6b;--diagnosis-shadow: 0 12px 32px rgba(116, 74, 54, .1);--diag-funnel-1: #ff2442;--diag-funnel-2: #ff4b63;--diag-funnel-3: #ff7a8f;--diag-funnel-4: #e85d75;--diag-funnel-5: #262626;background:radial-gradient(circle at top left,rgba(255,36,66,.11),transparent 28rem),linear-gradient(180deg,#fffaf7 0%,var(--diagnosis-bg) 42%,#f8eee9 100%);color:var(--diagnosis-text);min-height:100vh;max-width:640px;margin:0 auto;padding:16px 16px 40px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.mv2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mv2-title{font-size:20px;font-weight:800;background:linear-gradient(90deg,#231815,#ff2442 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mv2-header-actions{display:flex;gap:8px}.mv2-header-btn{border:none;background:#2626260d;color:#6b6b6b;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.mv2-header-btn:disabled{opacity:.55;cursor:default}.mv2-header-btn:not(:disabled):active{background:#2626261a}.mv2-data-time{display:block;border:none;background:transparent;color:var(--diagnosis-muted);font-size:12px;padding:0 0 10px;cursor:pointer}.mv2-ip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.mv2-ip-row::-webkit-scrollbar{display:none}.mv2-pill{flex:0 0 auto;border:none;border-radius:999px;background:#2626260d;color:#6b6b6b;font-size:13px;font-weight:600;padding:7px 15px;cursor:pointer;transition:background .15s ease,color .15s ease}.mv2-pill:active{background:#2626261a}.mv2-pill.active{background:#ff244217;color:#e11d3d}.mv2-select{flex:0 0 auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:999px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23e11d3d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-color:#ff244217;color:#e11d3d;font-size:13px;font-weight:600;padding:7px 28px 7px 15px;cursor:pointer}.mv2-select:focus{outline:none}.mv2-card{background:var(--diagnosis-card);border:1px solid var(--diagnosis-border);border-radius:8px;box-shadow:var(--diagnosis-shadow)}.mv2-account-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.mv2-account-card{overflow:hidden}.mv2-account-head{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;padding:14px 16px;cursor:pointer;text-align:left}.mv2-account-label{font-size:13px;color:var(--diagnosis-muted);font-weight:600}.mv2-account-value{font-size:26px;font-weight:800;color:var(--rx-heading);margin-left:auto;font-variant-numeric:tabular-nums}.mv2-trend{font-size:12px;font-weight:600}.mv2-trend.up{color:#16a34a}.mv2-trend.down{color:#ff2442}.mv2-caret{font-size:12px;color:var(--diagnosis-muted);transition:transform .18s}.mv2-caret.open{transform:rotate(180deg)}.mv2-account-platforms{border-top:1px solid var(--diagnosis-border);padding:6px 16px 10px}.mv2-platform-row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px;border-bottom:1px dashed rgba(35,24,21,.06)}.mv2-platform-row:last-child{border-bottom:none}.mv2-platform-name{color:var(--rx-text);font-weight:600}.mv2-platform-value{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--rx-heading)}.mv2-missing-tag{font-size:10px;color:#d11029;background:var(--diagnosis-red-soft);border-radius:4px;padding:1px 5px}.mv2-funnel-card{padding:14px 16px 16px}.mv2-funnel-head{margin-bottom:6px}.mv2-funnel-title-row{display:flex;align-items:center;margin-bottom:4px}.mv2-funnel-title{font-size:15px;font-weight:800;color:var(--rx-heading)}.mv2-funnel-meta{font-size:12px;color:var(--diagnosis-muted);margin-bottom:10px}.mv2-type-row{padding-bottom:6px}.mv2-funnel-bars{display:flex;flex-direction:column;gap:4px}.mv2-funnel-layer{padding:6px 0 8px;border-bottom:1px dashed rgba(35,24,21,.06)}.mv2-funnel-layer:last-child{border-bottom:none}.mv2-layer-row{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.mv2-layer-name{font-size:13px;font-weight:600;color:var(--rx-text)}.mv2-layer-value{margin-left:auto;font-size:17px;font-weight:800;color:var(--rx-heading);font-variant-numeric:tabular-nums}.mv2-layer-value.signed{font-size:15px}.mv2-layer-bar-track{height:10px;border-radius:5px;background:var(--rx-track);overflow:hidden}.mv2-layer-bar{height:100%;border-radius:5px;min-width:6%;transition:width .4s ease}.mv2-layer-sub{display:flex;justify-content:space-between;padding:3px 0 0 10px;font-size:11.5px;color:var(--diagnosis-muted)}.mv2-layer-sub span:last-child{font-weight:600;color:var(--rx-text);font-variant-numeric:tabular-nums}.mv2-funnel-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--diagnosis-border);display:flex;flex-direction:column;gap:6px}.mv2-interact{font-size:13px;font-weight:700;color:var(--rx-text)}.mv2-period-ref{font-size:11.5px;color:var(--diagnosis-muted);line-height:1.6;font-variant-numeric:tabular-nums}.mv2-more-btn{align-self:flex-start;border:none;background:transparent;color:var(--diagnosis-red);font-size:13px;font-weight:700;padding:4px 0;cursor:pointer}.mv2-empty{padding:22px 0;text-align:center;font-size:13px;color:var(--diagnosis-muted)}.mv2-loading-wrap{display:flex;align-items:center;justify-content:center}.mv2-loading{font-size:14px;color:var(--diagnosis-muted);padding:40vh 0 0}.plat-hint{position:relative;display:inline-flex;align-items:center;margin-left:6px}.plat-hint-icon{width:16px;height:16px;border-radius:50%;border:none;padding:0;background:#2626261f;color:#6b6b6b;font-family:inherit;font-size:11px;font-weight:800;font-style:italic;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:help}.plat-hint-icon:focus{outline:none;background:#ff244226;color:#e11d3d}.plat-hint-tip{display:none;position:absolute;top:calc(100% + 8px);left:-4px;z-index:60;background:#262626;color:#fff;font-size:12px;font-weight:400;font-style:normal;line-height:1.5;padding:8px 10px;border-radius:8px;box-shadow:0 4px 16px #00000040;width:max-content;max-width:200px;text-align:left}.plat-hint:hover .plat-hint-tip,.plat-hint.open .plat-hint-tip,.plat-hint:focus-within .plat-hint-tip{display:block}
