#app{width:100%;height:100vh;margin:0;padding:0}.layout[data-v-7bf21f2c]{display:flex;height:100vh;background-color:#f5f7f9}.sidebar[data-v-7bf21f2c]{width:240px;background-color:#1a202c;color:#fff;display:flex;flex-direction:column}.logo[data-v-7bf21f2c]{padding:24px;font-size:20px;font-weight:700;text-align:center;border-bottom:1px solid #2d3748}nav[data-v-7bf21f2c]{flex:1;padding:16px 0}.nav-item[data-v-7bf21f2c]{display:block;padding:12px 24px;color:#a0aec0;text-decoration:none;transition:all .2s}.nav-item[data-v-7bf21f2c]:hover,.router-link-active[data-v-7bf21f2c]{color:#fff;background-color:#2d3748}.footer[data-v-7bf21f2c]{padding:24px;border-top:1px solid #2d3748}.logout-btn[data-v-7bf21f2c]{width:100%;padding:8px;background:transparent;border:1px solid #4a5568;color:#a0aec0;border-radius:4px;cursor:pointer}.main-content[data-v-7bf21f2c]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-7bf21f2c]{height:64px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 4px #00152914}.header h1[data-v-7bf21f2c]{margin:0;font-size:18px}.content[data-v-7bf21f2c]{flex:1;padding:24px;overflow-y:auto}.dashboard-container[data-v-eaa36dc1]{padding:32px;max-width:1400px;margin:0 auto}.dashboard-header[data-v-eaa36dc1]{margin-bottom:32px}h1[data-v-eaa36dc1]{font-size:28px;font-weight:700;color:#1d1d1f;margin:0}.subtitle[data-v-eaa36dc1]{color:#86868b;margin:4px 0 0}.stats-grid[data-v-eaa36dc1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card[data-v-eaa36dc1]{background:#fff;padding:24px;border-radius:var(--radius-20);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;transition:transform var(--duration-base) var(--ease-apple-standard)}.stat-card[data-v-eaa36dc1]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon[data-v-eaa36dc1]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.plays[data-v-eaa36dc1]{background:#007aff1a}.stat-icon.plays[data-v-eaa36dc1]:after{content:"▶";color:#007aff;font-size:20px}.stat-icon.listeners[data-v-eaa36dc1]{background:#5856d61a}.stat-icon.listeners[data-v-eaa36dc1]:after{content:"🎧";color:#5856d6;font-size:24px}.stat-icon.users[data-v-eaa36dc1]{background:#34c7591a}.stat-icon.users[data-v-eaa36dc1]:after{content:"👤";color:#34c759;font-size:24px}.stat-icon.retention[data-v-eaa36dc1]{background:#ff95001a}.stat-icon.retention[data-v-eaa36dc1]:after{content:"🔄";color:#ff9500;font-size:24px}.stat-info h3[data-v-eaa36dc1]{margin:0;font-size:13px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.5px}.stat-info .value[data-v-eaa36dc1]{font-size:24px;font-weight:700;color:#1d1d1f;margin:4px 0}.stat-info .period[data-v-eaa36dc1]{font-size:12px;color:#86868b;margin:0}.charts-row[data-v-eaa36dc1]{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.chart-card[data-v-eaa36dc1]{background:#fff;padding:24px;border-radius:var(--radius-20);box-shadow:var(--shadow-sm)}.card-header[data-v-eaa36dc1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h4[data-v-eaa36dc1]{margin:0;font-size:18px;font-weight:600}.mini-chart[data-v-eaa36dc1]{display:flex;align-items:flex-end;gap:6px;height:180px;padding:8px 0}.bar-container[data-v-eaa36dc1]{flex:1;height:100%;display:flex;align-items:flex-end}.bar[data-v-eaa36dc1]{width:100%;background:linear-gradient(to top,#007aff,#5ac8fa);border-radius:4px 4px 0 0;transition:height .6s var(--ease-apple-standard);animation:barGrow-eaa36dc1 1.2s var(--ease-apple-standard) both}@keyframes barGrow-eaa36dc1{0%{height:0;opacity:0}to{opacity:1}}.conversion-stats[data-v-eaa36dc1]{display:flex;flex-direction:column;gap:24px}.funnels-grid[data-v-eaa36dc1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.funnel-group h5[data-v-eaa36dc1]{margin:0 0 12px;font-size:14px;color:#1d1d1f;border-bottom:1px solid #f5f5f7;padding-bottom:8px}.conversion-item[data-v-eaa36dc1]{position:relative;margin-bottom:8px}.conversion-item .label[data-v-eaa36dc1]{font-size:14px;color:#86868b}.conversion-item .count[data-v-eaa36dc1]{float:right;font-weight:600;color:#1d1d1f}.conversion-item .percent[data-v-eaa36dc1]{display:block;font-size:12px;color:#86868b;margin-top:4px}.progress-bar[data-v-eaa36dc1]{height:6px;background:#f5f5f7;border-radius:3px;margin-top:8px;overflow:hidden}.progress-bar .fill[data-v-eaa36dc1]{height:100%;background:#86868b;border-radius:3px;transition:width 1s var(--ease-apple-standard)}.progress-bar .fill.blue[data-v-eaa36dc1]{background:#007aff}.progress-bar .fill.green[data-v-eaa36dc1]{background:#34c759}.table-section[data-v-eaa36dc1]{background:#fff;padding:24px;border-radius:var(--radius-20);box-shadow:var(--shadow-sm)}.table-container[data-v-eaa36dc1]{overflow-x:auto}.data-table[data-v-eaa36dc1]{width:100%;border-collapse:collapse}.data-table th[data-v-eaa36dc1]{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:#86868b;border-bottom:1px solid #f5f5f7;text-transform:uppercase;letter-spacing:.5px}.data-table td[data-v-eaa36dc1]{padding:16px;border-bottom:1px solid #f5f5f7;font-size:14px;color:#1d1d1f}.data-table tr:last-child td[data-v-eaa36dc1]{border-bottom:none}.rank[data-v-eaa36dc1]{font-weight:700;color:#86868b;width:60px}.title-cell[data-v-eaa36dc1]{display:flex;align-items:center;gap:12px;font-weight:600}.track-img-placeholder[data-v-eaa36dc1]{width:40px;height:40px;background:#f5f5f7;border-radius:8px}.badge[data-v-eaa36dc1]{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.badge.success[data-v-eaa36dc1]{background:#34c7591a;color:#34c759}.btn-primary[data-v-eaa36dc1]{padding:8px 16px;background:#007aff;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.btn-text[data-v-eaa36dc1]{background:none;border:none;color:#007aff;font-size:13px;font-weight:600;cursor:pointer}.loading-state[data-v-eaa36dc1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:16px;color:#86868b}.spinner[data-v-eaa36dc1]{width:32px;height:32px;border:3px solid rgba(0,122,255,.1);border-top-color:#007aff;border-radius:50%;animation:spin-eaa36dc1 1s linear infinite}@keyframes spin-eaa36dc1{to{transform:rotate(360deg)}}@media(max-width:1024px){.charts-row[data-v-eaa36dc1]{grid-template-columns:1fr}}:root{--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .04);--duration-fast: 90ms;--duration-base: .24s;--duration-slow: .42s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-apple-standard: cubic-bezier(.25, .1, .25, 1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh}