:root{--bg: #0d0d14;--surface: #16161f;--surface2: #1e1e2a;--border: #2a2a3a;--text: #e0e0ee;--muted: #888899;--primary: #7c6dfa;--primary-glow: rgba(124, 109, 250, .12);--pink: #f857a6;--green: #6bcb77;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}strong{font-weight:600;color:var(--text)}.upload-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.75rem}.upload-header{text-align:center}.upload-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.upload-sub{color:var(--muted);font-size:1rem}.drop-zone{width:100%;max-width:520px;border:2px dashed var(--border);border-radius:16px;padding:3rem 2rem;cursor:pointer;transition:border-color .2s,background .2s;background:var(--surface);-webkit-user-select:none;user-select:none}.drop-zone:hover,.drop-zone.dragging{border-color:var(--primary);background:var(--primary-glow)}.drop-zone.loading{cursor:default;pointer-events:none}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.drop-icon{font-size:2rem;opacity:.5;margin-bottom:.25rem}.drop-primary{font-size:1.05rem;font-weight:500;color:var(--text)}.drop-secondary{font-size:.85rem;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{max-width:520px;width:100%;padding:.75rem 1rem;border-radius:8px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.35);color:#ff6b6b;font-size:.875rem}.demo-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.demo-label{font-size:.85rem;color:var(--muted)}.demo-btn{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:8px;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s,background .2s}.demo-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.demo-btn:disabled{opacity:.6;cursor:not-allowed}.upload-instructions{max-width:520px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.upload-instructions h3{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}.export-link-btn{display:inline-block;margin-bottom:.85rem;background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:8px;padding:.45rem .8rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.export-link-btn:hover{opacity:.92;transform:translateY(-1px)}.upload-instructions ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.upload-instructions li{font-size:.9rem;color:var(--text);line-height:1.6}.dashboard{min-height:100vh;padding:1.5rem 2rem 3rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-title{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ghost-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:.4rem .9rem;font-size:.8rem;color:var(--muted);transition:border-color .2s,color .2s}.ghost-btn:hover{border-color:var(--primary);color:var(--text)}.timeframe-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.timeframe-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timeframe-label{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.timeframe-preset-name{font-size:.8rem;font-weight:600;color:var(--text)}.timeframe-range{font-size:.75rem;color:var(--muted)}.custom-date-row{display:flex;align-items:center;gap:.5rem}.month-input{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;color:var(--text);cursor:pointer}.month-input:focus{outline:none;border-color:var(--primary)}.date-sep{color:var(--muted);font-size:.85rem}.stat-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.35rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:.55rem 1.1rem;font-size:.875rem;color:var(--muted);margin-bottom:-1px;transition:color .15s,border-color .15s;border-radius:0}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;overflow:hidden}.chart-card.span-2{grid-column:span 2}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.chart-title{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1.1rem}.chart-title.no-margin{margin-bottom:0}.chart-wrap{height:260px;position:relative}.chart-wrap--tall{height:360px}.chart-wrap--doughnut{height:280px}.toggle-group{display:flex;gap:.2rem;background:var(--surface2);border-radius:8px;padding:.2rem}.toggle-btn{background:transparent;border:none;padding:.3rem .8rem;font-size:.775rem;color:var(--muted);border-radius:6px;transition:background .15s,color .15s}.toggle-btn.active{background:var(--primary);color:#fff;font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:.75rem}.data-table th{text-align:left;padding:.5rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border)}.data-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(42,42,58,.6);color:var(--text);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface2)}.num-col{text-align:right}.muted{color:var(--muted)}.earnings{color:var(--green);font-variant-numeric:tabular-nums}.row-num{color:var(--muted);font-size:.75rem;width:2rem}.song-title{font-weight:500}.view-all-control{display:flex;align-items:center;gap:.75rem}.hidden-note{font-size:.75rem;color:var(--muted)}.release-tracks{display:flex;flex-wrap:wrap;gap:.35rem}.track-chip{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;font-size:.775rem;color:var(--text)}.track-more{background:transparent;border:1px dashed var(--border);border-radius:4px;padding:.15rem .5rem;font-size:.775rem;color:var(--muted);cursor:help}.track-more:hover{border-color:var(--primary);color:var(--text)}@media (max-width: 900px){.stat-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.tab-grid{grid-template-columns:1fr}.chart-card.span-2{grid-column:span 1}.dashboard{padding:1rem 1rem 2rem}.stat-cards{grid-template-columns:repeat(2,1fr)}}