@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.page{max-width:1280px;margin:0 auto;padding:1.25rem 1.75rem 3rem}.page.no-animate .header,.page.no-animate .summary-metrics>*,.page.no-animate .dashboard-row>*,.page.no-animate .growth-chart-section,.page.no-animate .playlists-section,.page.no-animate .playlist-card{animation:none!important}.dark-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.dark-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,106,255,.1),transparent)}.dark-card:hover{border-color:#ffffff0f}.header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;margin-bottom:1.75rem;background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);animation:fadeInUp .5s ease}.header-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.header-logo{width:34px;height:34px;background:linear-gradient(135deg,var(--green),#17a34a);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--green-glow)}.header h1{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-bright);letter-spacing:-.03em}.header h1 span{color:var(--green)}.header nav{display:flex;gap:.25rem;align-items:center}.nav-link{color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:.4rem .9rem;border-radius:10px;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background:#4f6aff0f}.nav-link.active{color:var(--green);background:var(--green-dim)}.logout-button{background:#ffffff08;color:var(--text-secondary);border:1px solid var(--card-border);font-size:.8rem;font-weight:600;padding:.4rem .9rem;border-radius:10px;margin-left:.5rem}.logout-button:hover{color:var(--text-primary);background:#ffffff0f;border-color:var(--card-border-hover)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.section-subtitle{font-size:.78rem;color:var(--text-tertiary);font-weight:500}.dashboard-top-row{display:flex;align-items:center;margin-bottom:1.1rem}.header-greeting{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-tertiary);margin-left:1rem;opacity:.7;background:linear-gradient(90deg,var(--text-tertiary) 0%,var(--text-tertiary) 44%,rgba(255,255,255,.85) 50%,var(--text-tertiary) 56%,var(--text-tertiary) 100%);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-greeting 18s ease-in-out infinite;animation-delay:1s;background-position:120% 0}@keyframes shimmer-greeting{0%{background-position:120% 0}50%{background-position:-20% 0}50.01%,to{background-position:120% 0}}.summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.75rem}.summary-metrics>*{animation:fadeInUp .5s ease both}.summary-metrics>*:nth-child(1){animation-delay:.05s}.summary-metrics>*:nth-child(2){animation-delay:.1s}.summary-metrics>*:nth-child(3){animation-delay:.15s}.summary-metrics>*:nth-child(4){animation-delay:.2s}.summary-card{padding:1.4rem 1.35rem;background:linear-gradient(155deg,#131733,#0d1022,#0b0e1b)}.summary-card .card-glow{position:absolute;top:-30%;right:-20%;width:65%;height:120%;border-radius:50%;pointer-events:none;opacity:.5;z-index:1;transition:opacity .4s ease}.summary-card:hover .card-glow{opacity:.7}.summary-card:nth-child(1) .card-glow{background:radial-gradient(ellipse,rgba(29,185,84,.08) 0%,transparent 70%)}.summary-card:nth-child(2) .card-glow{background:radial-gradient(ellipse,rgba(79,106,255,.08) 0%,transparent 70%)}.summary-card:nth-child(3) .card-glow{background:radial-gradient(ellipse,rgba(255,181,71,.08) 0%,transparent 70%)}.summary-card:nth-child(4) .card-glow{background:radial-gradient(ellipse,rgba(255,77,106,.08) 0%,transparent 70%)}.summary-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:1rem}.summary-card-icon.green{background:var(--green-dim);color:var(--green)}.summary-card-icon.red{background:var(--red-dim);color:var(--red)}.summary-card-icon.yellow{background:var(--yellow-dim);color:var(--yellow)}.summary-card-icon.blue{background:var(--blue-dim);color:var(--blue)}.summary-card-label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.summary-card-value{font-family:var(--font-display);font-size:1.65rem;font-weight:600;color:var(--text-bright);letter-spacing:-.02em;line-height:1}.summary-card-sub{font-size:.78rem;font-weight:500;color:var(--text-secondary);margin-top:.5rem}.summary-card-loading .summary-card-value,.summary-card-loading .summary-card-sub,.summary-card-loading .summary-card-delta{animation:summaryPulse 1.2s ease-in-out infinite}@keyframes summaryPulse{0%,to{opacity:1}50%{opacity:.35}}.summary-card-delta{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:700;margin-top:.55rem;padding:.2rem .55rem;border-radius:8px}.summary-card-delta.positive{color:var(--green);background:var(--green-dim)}.summary-card-delta.negative{color:var(--red);background:var(--red-dim)}.summary-card-delta.neutral{color:var(--text-tertiary);background:#ffffff08}@media(max-width:768px){.summary-metrics{grid-template-columns:repeat(2,1fr)}.metrics-table{flex-wrap:wrap}.metrics-table .metric-card{flex:1 1 calc(33% - .85rem)}.metrics-separator{display:none}}.dashboard-row{display:grid;grid-template-columns:1.6fr 1fr;gap:.85rem;margin-bottom:1.75rem}.dashboard-row>*:nth-child(1){animation:fadeInUp .5s ease .25s both}.dashboard-row>*:nth-child(2){animation:fadeInUp .5s ease .3s both}@media(max-width:900px){.dashboard-row{grid-template-columns:1fr}}.top-performer{padding:1.4rem;background:linear-gradient(155deg,#111a2e,#0d1022,#0b0e1b);display:flex;flex-direction:column;justify-content:center}.top-performer .tp-glow{position:absolute;top:-40%;left:-15%;width:55%;height:180%;background:radial-gradient(ellipse,rgba(29,185,84,.05) 0%,transparent 65%);pointer-events:none;z-index:1}.tp-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-bottom:1rem}.tp-arrow{color:var(--text-tertiary);opacity:0;transition:opacity .2s}.top-performer:hover .tp-arrow{opacity:1}.top-performer-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green);background:var(--green-dim);padding:.3rem .75rem;border-radius:8px}.top-performer-content{display:flex;gap:1.15rem;align-items:center;position:relative;z-index:1;margin-bottom:1.1rem}.top-performer-image{width:76px;height:76px;border-radius:14px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 18px #0006;border:1px solid rgba(29,185,84,.12)}.top-performer-image img{width:100%;height:100%;object-fit:cover}.top-performer-image .placeholder-image{width:100%;height:100%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.7rem}.top-performer-info{flex:1;min-width:0}.top-performer-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-bright);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:.15rem}.tp-followers{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.tp-followers-label{color:var(--text-tertiary)}.tp-metrics{display:flex;align-items:stretch;gap:0;padding-top:1rem;border-top:1px solid rgba(55,65,130,.12);position:relative;z-index:1}.tp-metric{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:0 .85rem;border-left:1px solid rgba(55,65,130,.12)}.tp-metric:first-child{padding-left:0;border-left:none}.tp-metric-value{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.01em}.tp-metric-label{font-size:.65rem;font-weight:500;color:var(--text-tertiary)}.budget-overview{padding:1.6rem;display:flex;flex-direction:column;background:linear-gradient(155deg,#12152e,#0d1022,#0b0e1b)}.budget-overview .section-title{margin-bottom:1.35rem}.budget-items{display:flex;flex-direction:column;gap:1rem;flex:1}.budget-item{display:flex;align-items:center;gap:.75rem}.budget-item-art{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.budget-item-content{flex:1;min-width:0}.budget-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.budget-item-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.budget-item-value{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.budget-bar-track{width:100%;height:5px;background:#ffffff0a;border-radius:3px;overflow:hidden}.budget-bar-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(90deg,#7b83a6,#7b83a680)}.growth-chart-section{margin-bottom:1.75rem;animation:fadeInUp .5s ease .35s both}.growth-chart{padding:1.6rem;background:linear-gradient(155deg,#101330,#0d1022,#0b0e1b)}.growth-chart .section-header{margin-bottom:1.35rem}.chart-legend{display:flex;gap:1rem;flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.playlists-section{animation:fadeInUp .5s ease .4s both}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1rem;align-items:stretch}.playlist-grid>*{min-height:86px}@media(max-width:1000px){.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.playlist-grid{grid-template-columns:1fr}}.playlist-card{padding:1.15rem;display:flex;gap:.9rem;align-items:center;color:inherit;cursor:pointer;background:linear-gradient(155deg,#111428,#0c0f1f);overflow:hidden;min-width:0}.playlist-card:hover{background:linear-gradient(155deg,#131630,#0d1022)}.playlist-card-image{width:54px;height:54px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 10px #0000004d}.playlist-card-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.65rem}.playlist-card-info{flex:1;min-width:0}.playlist-card-info h3{font-family:var(--font-display);font-size:.88rem;font-weight:600;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;color:var(--text-bright)}.playlist-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-tertiary);font-weight:500}.playlist-card-right{text-align:right;flex-shrink:0}.playlist-card-followers{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-bright);letter-spacing:-.02em}.playlist-card-delta{display:inline-flex;align-items:center;gap:.12rem;font-size:.7rem;font-weight:700;margin-top:.1rem}.playlist-card-delta.positive{color:var(--green)}.playlist-card-delta.negative{color:var(--red)}.playlist-card-delta.neutral{color:var(--text-tertiary)}.playlist-card-arrow{position:absolute;top:.65rem;right:.65rem;color:var(--text-tertiary);opacity:0;transition:opacity .2s,transform .2s}.playlist-card:hover .playlist-card-arrow{opacity:.6;transform:translate(1px,-1px)}.playlist-card-delete{position:absolute;top:.5rem;right:.5rem;background:var(--bg-card);color:var(--text-tertiary);border:1px solid var(--card-border);padding:.35rem;border-radius:8px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.playlist-card:hover .playlist-card-delete{opacity:1}.playlist-card-delete:hover{color:var(--red);border-color:var(--red);background:#ff4d6a1a}.efficiency-badge{display:inline-flex;align-items:center;font-size:.63rem;font-weight:700;padding:.15rem .4rem;border-radius:6px;margin-top:.2rem}.efficiency-badge.efficient{color:var(--green);background:var(--green-dim)}.efficiency-badge.moderate{color:var(--yellow);background:var(--yellow-dim)}.efficiency-badge.expensive{color:var(--red);background:var(--red-dim)}.add-playlist-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.15rem;border:2px dashed rgba(55,65,130,.3);border-radius:var(--card-radius);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .25s ease;min-height:90px}.add-playlist-card:hover{border-color:#4f6aff66;color:var(--text-secondary);background:#4f6aff0a}.add-playlist-icon{opacity:.6;transition:opacity .2s}.add-playlist-card:hover .add-playlist-icon{opacity:1}.add-playlist-label{font-size:.78rem;font-weight:600;letter-spacing:.02em}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal-card{width:100%;max-width:460px;padding:1.75rem;margin:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-bright)}.modal-close{background:transparent;border:none;color:var(--text-tertiary);padding:.25rem;cursor:pointer;border-radius:8px;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{margin-bottom:1.5rem}.modal-label{display:block;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.modal-input{width:100%}.modal-input.has-error{border-color:var(--red)}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.modal-cancel{background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);font-weight:600;padding:.5rem 1.1rem;border-radius:var(--card-radius-sm);font-size:.85rem}.modal-cancel:hover{border-color:#ffffff1a;color:var(--text-primary)}.modal-confirm{background:var(--green);color:#000;font-weight:700;border:none;padding:.5rem 1.25rem;border-radius:var(--card-radius-sm);font-size:.85rem}.modal-confirm:hover{background:var(--green-light);box-shadow:var(--green-glow)}.modal-confirm:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.login-page:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(29,185,84,.06) 0%,transparent 70%);pointer-events:none}.login-card{text-align:center;padding:3.5rem;animation:fadeInUp .6s ease}.login-card h1{font-family:var(--font-display);font-size:3.2rem;font-weight:800;letter-spacing:-.05em;margin-bottom:.5rem;background:linear-gradient(135deg,var(--green),#22d35e,#1DB954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.login-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--green);color:#000;padding:.9rem 2.5rem;border-radius:50px;font-weight:700;font-size:1rem;font-family:var(--font-display);transition:all .25s ease;border:none;cursor:pointer;box-shadow:var(--green-glow)}.login-button:hover{background:var(--green-light);transform:translateY(-2px);box-shadow:var(--green-glow-intense);color:#000}.back-link{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:1.25rem;color:var(--text-tertiary);font-size:.85rem;font-weight:500;transition:color .2s}.back-link:hover{color:var(--green)}.metrics-table{display:flex;gap:.85rem;margin:1.5rem 0;align-items:stretch}.metrics-table .metric-card{flex:1;min-width:0}.metrics-separator{width:1px;background:var(--card-border);align-self:stretch;margin:.5rem .25rem;opacity:.6}.metric-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1.2rem;display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.68rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.35rem}.metric-info-tip{display:inline-flex;align-items:center;color:var(--text-tertiary);opacity:.6;cursor:help;position:relative;transition:opacity .2s}.metric-info-tip:hover{opacity:1}.metric-value{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.02em}.positive{color:var(--green)}.negative{color:var(--red)}.organic{color:var(--green)}.paid{color:var(--yellow)}.detail-filters-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}.compare-toggle{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--card-border);border-radius:12px;padding:.5rem .85rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.compare-toggle:hover{border-color:#8a5cf64d;color:var(--text-primary)}.compare-toggle.active{background:#8a5cf61f;border-color:#8a5cf659;color:#c4b5fd}.delta-badge{font-family:var(--font-body);font-size:.7rem;font-weight:700;display:inline-block;margin-top:.2rem}.delta-positive{color:var(--green)}.delta-negative{color:var(--red)}.delta-neutral{color:var(--text-secondary)}.delta-inline{display:block;font-size:.65rem;font-weight:700;margin-top:.15rem}.campaigns-td-num{vertical-align:middle}.chart-container{padding:1.5rem;margin:1.5rem 0}.recharts-wrapper,.recharts-wrapper *:focus,.recharts-wrapper *:active,.recharts-surface{outline:none!important;box-shadow:none!important}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-layers{display:flex;gap:.15rem}.chart-layer-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-tertiary);font-size:.72rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.chart-layer-btn:hover{color:var(--text-secondary)}.chart-layer-btn.active{color:var(--text-primary)}.chart-layer-dot{width:7px;height:7px;border-radius:50%;transition:background .2s}.chart-hint{text-align:center;color:var(--text-tertiary);font-size:.78rem;margin-top:.5rem;font-style:italic}.detail-campaigns-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.detail-campaigns-header h3{margin:0}.detail-link-form{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.cost-section{margin-top:2rem}.cost-section h3{font-family:var(--font-display);font-weight:600}.cost-form{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.cost-form input{flex:1;min-width:120px}.cost-form button{background:var(--green);color:#000;font-weight:700;border:none;border-radius:var(--card-radius-sm)}.cost-form button:hover{background:var(--green-light);box-shadow:var(--green-glow)}.cost-form button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ad-period-form{margin:1rem 0 1.5rem;background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:1.25rem}.ad-period-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:.75rem;margin-bottom:1rem}@media(max-width:700px){.ad-period-fields{grid-template-columns:1fr 1fr}}.ad-period-field{display:flex;flex-direction:column;gap:.3rem}.ad-period-field label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.ad-period-field input{width:100%}.field-error{color:var(--red);font-size:.72rem;font-weight:500}.ad-period-submit{background:var(--green);color:#000;font-weight:700;border:none;border-radius:var(--card-radius-sm);padding:.55rem 1.25rem;font-size:.85rem}.ad-period-submit:hover{background:var(--green-light);box-shadow:var(--green-glow)}.ad-period-submit:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.cost-list{margin-top:1.5rem}.cost-list h4{font-family:var(--font-display);font-weight:600;margin-bottom:.75rem;font-size:.95rem}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(55,65,130,.1)}.data-table th{background:#ffffff04;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em}.data-table td{font-size:.88rem}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#4f6aff08}.ranking-table-wrapper{border-radius:var(--card-radius);overflow:hidden}.ranking-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.ranking-table th.sortable:hover{color:var(--text-secondary)}.ranking-table th.sortable.active{color:var(--blue)}.sort-arrow{font-weight:700;color:var(--blue)}.ranking-playlist-link{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text-bright);font-weight:600}.ranking-playlist-link:hover .ranking-playlist-name{color:var(--blue)}.ranking-playlist-art{width:36px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0}.ranking-playlist-art img{width:100%;height:100%;object-fit:cover}.ranking-art-placeholder{width:100%;height:100%;background:#37418226}.rank-col{width:40px;text-align:center!important;color:var(--text-tertiary);font-weight:600}.rankings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.rankings-header h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-bright);margin:0}.period-filters{display:flex;gap:.35rem;background:var(--bg-card);border:1px solid var(--card-border);border-radius:12px;padding:.25rem}.period-btn{background:transparent;border:none;color:var(--text-tertiary);font-family:var(--font-body);font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.period-btn:hover{color:var(--text-secondary)}.period-btn.active{background:#4f6aff1f;color:var(--blue)}.period-btn:disabled{opacity:.5;cursor:not-allowed}.period-custom-inputs{display:flex;align-items:center;gap:.4rem;margin-left:.5rem}.period-date-input{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary);font-size:.78rem;padding:.35rem .5rem;outline:none;transition:border-color .2s;color-scheme:dark}.period-date-input:focus{border-color:var(--blue)}.period-date-separator{color:var(--text-tertiary);font-size:.8rem}.period-apply-btn{background:#4f6aff1f;border:1px solid rgba(79,106,255,.25);border-radius:8px;color:var(--blue);font-size:.78rem;font-weight:600;padding:.35rem .75rem;cursor:pointer;transition:all .2s}.period-apply-btn:hover:not(:disabled){background:#4f6aff33}.period-apply-btn:disabled{opacity:.4;cursor:not-allowed}.campaigns-period-loading{text-align:center;color:var(--text-tertiary);font-size:.85rem;padding:.75rem 0}.delete-button{background:transparent;color:var(--red);border:1px solid rgba(255,77,106,.3);font-size:.78rem;padding:.25rem .55rem;border-radius:8px}.delete-button:hover{background:var(--red);color:#fff;border-color:var(--red)}.delete-confirm-modal{max-width:400px;text-align:center;padding:2rem 2rem 1.5rem}.delete-confirm-icon{color:var(--red);margin-bottom:.75rem}.delete-confirm-modal h3{font-size:1.15rem;color:var(--text-primary);margin-bottom:.5rem}.delete-confirm-name{font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.delete-confirm-warning{font-size:.82rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:1.25rem}.delete-confirm-actions{display:flex;gap:.75rem;justify-content:center}.delete-confirm-btn{background:var(--red);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-confirm-btn:hover{background:#e0435a;box-shadow:0 0 16px #ff4d6a4d}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.loading{color:var(--text-tertiary);padding:3rem 0;text-align:center;font-size:.9rem}.loading-skeleton{background:linear-gradient(90deg,var(--bg-card-solid),rgba(21,25,55,.6),var(--bg-card-solid));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--card-radius);border:1px solid var(--card-border)}.error{color:var(--red);padding:.85rem 1.15rem;border-radius:var(--card-radius-sm);background:var(--red-dim);font-size:.85rem;font-weight:600;margin-bottom:1.25rem;border:1px solid rgba(255,77,106,.15)}h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.03em}h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.empty-state{color:var(--text-tertiary);font-size:.85rem;padding:1rem 0;font-weight:500}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glass-card{background:linear-gradient(155deg,#111428,#0c0f1f);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:border-color .35s ease,box-shadow .35s ease;position:relative}.glass-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--card-radius);padding:1.5px;background:conic-gradient(from var(--border-angle),transparent 0%,transparent 65%,rgba(79,106,255,.15) 75%,rgba(79,106,255,.3) 85%,rgba(79,106,255,.15) 95%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .4s ease;animation:borderSpin 8s linear infinite}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:#4f6aff26;box-shadow:var(--card-shadow),0 0 15px #4f6aff0f}@keyframes borderSpin{to{--border-angle: 360deg}}.nav-icon-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:var(--text-tertiary);transition:all .2s ease;margin-left:.25rem}.nav-icon-link:hover{color:var(--text-primary);background:#4f6aff0f}.nav-icon-link.active{color:var(--green);background:var(--green-dim)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative}.auth-page:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(29,185,84,.06) 0%,transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:420px;padding:2.5rem;animation:fadeInUp .5s ease}.auth-logo{display:flex;align-items:center;gap:.65rem;justify-content:center;margin-bottom:.35rem}.auth-logo h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-bright);letter-spacing:-.03em}.auth-logo h1 span{color:var(--green)}.auth-subtitle{text-align:center;color:var(--text-secondary);font-size:.88rem;margin-bottom:1.75rem}.auth-tabs{display:flex;background:#ffffff08;border:1px solid var(--card-border);border-radius:12px;padding:.2rem;margin-bottom:1.5rem}.auth-tab{flex:1;background:transparent;border:none;color:var(--text-tertiary);font-family:var(--font-body);font-size:.82rem;font-weight:600;padding:.55rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:#4f6aff1f;color:var(--blue)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.85rem;color:var(--text-tertiary);pointer-events:none}.auth-input-wrap input{width:100%;padding-left:2.5rem}.auth-error{color:var(--red);font-size:.75rem;font-weight:500;padding-left:.25rem}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--green);color:#000;border:none;padding:.75rem;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--green-light);transform:translateY(-1px);box-shadow:var(--green-glow)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.onboarding-page{min-height:100vh;max-width:720px;margin:0 auto;padding:2rem 1.5rem 6rem;display:flex;flex-direction:column;justify-content:center;animation:fadeInUp .4s ease}.onboarding-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.progress-step{width:48px;height:4px;border-radius:2px;background:#ffffff0f;transition:background .3s ease}.progress-step.active{background:var(--green);box-shadow:0 0 8px #1db9544d}.progress-step.completed{background:#1db95466}.onboarding-back{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-tertiary);font-size:.82rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;padding:0;transition:color .2s}.onboarding-back:hover{color:var(--text-primary)}.onboarding-content{text-align:center}.onboarding-content h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-bright);margin-bottom:.5rem}.onboarding-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.onboarding-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--green);color:#000;border:none;padding:.75rem 2rem;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease}.onboarding-cta:hover:not(:disabled){background:var(--green-light);transform:translateY(-1px);box-shadow:var(--green-glow)}.onboarding-cta:disabled{opacity:.35;cursor:not-allowed}.connect-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.connect-card{padding:2rem 1.5rem;text-align:center;cursor:pointer;border:1px solid var(--card-border);background:linear-gradient(155deg,#111428,#0c0f1f);transition:all .25s ease}.connect-card.selected{border-color:var(--green);box-shadow:var(--green-glow),var(--card-shadow)}.connect-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-bright);margin-bottom:.35rem}.connect-card p{color:var(--text-secondary);font-size:.8rem}.connect-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.connect-card-icon.spotify{background:var(--green-dim);color:var(--green)}.connect-card-icon.manual{background:var(--blue-dim);color:var(--blue)}.spotify-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;text-align:left;margin-bottom:2rem}.spotify-playlist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border:1px solid var(--card-border);background:linear-gradient(155deg,#111428,#0c0f1f);text-align:left;transition:all .2s ease}.spotify-playlist-item.selected{border-color:var(--green);box-shadow:0 0 12px #1db9541f}.spotify-playlist-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--card-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;color:#000}.spotify-playlist-item.selected .spotify-playlist-check{background:var(--green);border-color:var(--green)}.spotify-playlist-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.spotify-playlist-info{min-width:0}.spotify-playlist-name{font-weight:600;font-size:.88rem;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-playlist-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:.15rem}.onboarding-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,var(--bg-void) 30%);padding:1.5rem 2rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:100}.onboarding-sticky-bar span{color:var(--text-secondary);font-size:.88rem;font-weight:600}.manual-input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.manual-input-wrap{flex:1;position:relative;display:flex;align-items:center}.manual-input-wrap input{width:100%;padding-left:2.5rem}.manual-add-btn{display:flex;align-items:center;gap:.35rem;background:var(--blue);color:#fff;border:none;padding:0 1.25rem;border-radius:var(--card-radius-sm);font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s}.manual-add-btn:hover:not(:disabled){background:#6580ff}.manual-add-btn:disabled{opacity:.4;cursor:not-allowed}.manual-playlist-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;text-align:left}.manual-playlist-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.manual-playlist-info{display:flex;align-items:center;gap:.5rem;min-width:0}.manual-playlist-icon{color:var(--text-tertiary);flex-shrink:0}.manual-playlist-url{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manual-remove-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;transition:all .2s}.manual-remove-btn:hover{color:var(--red);background:var(--red-dim)}.settings-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-bright);margin-bottom:1.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.85rem;margin-bottom:2rem}.settings-section{padding:1.5rem}.settings-section-header{display:flex;align-items:center;gap:.5rem;color:var(--text-bright);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(55,65,130,.12)}.settings-section-header h3{font-family:var(--font-display);font-size:.95rem;font-weight:700}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}.settings-row+.settings-row{border-top:1px solid rgba(55,65,130,.08)}.settings-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.settings-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.settings-badge{padding:.2rem .65rem;border-radius:8px;font-size:.75rem;background:var(--blue-dim);color:var(--blue)}.settings-badge.green{background:var(--green-dim);color:var(--green)}.text-tertiary{color:var(--text-tertiary)}.settings-connect-btn{padding:.3rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;background:var(--green-dim);color:var(--green);border:1px solid rgba(29,185,84,.2);cursor:pointer;transition:all .2s}.settings-connect-btn:hover{background:#1db95426}.settings-disconnect-btn{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:500;background:#ff4d6a14;color:var(--red);border:1px solid rgba(255,77,106,.15);cursor:pointer;transition:all .2s}.settings-disconnect-btn:hover{background:#ff4d6a26}.settings-logout-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ff4d6a14;color:var(--red);border:1px solid rgba(255,77,106,.2);padding:.6rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-logout-btn:hover{background:#ff4d6a26;border-color:#ff4d6a59}.detail-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.detail-cover{width:100px;height:100px;border-radius:var(--card-radius-sm);overflow:hidden;flex-shrink:0;box-shadow:0 4px 20px #0006}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-cover-placeholder{width:100%;height:100%;background:var(--bg-card);border:1px solid var(--card-border)}.detail-info{flex:1;min-width:0}.detail-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-bright);margin-bottom:.3rem;line-height:1.2}.detail-subtitle{display:flex;gap:1rem;color:var(--text-secondary);font-size:.82rem;font-weight:500}.cost-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;text-align:center;color:var(--text-tertiary);font-size:.85rem}.cost-empty-icon{color:var(--text-tertiary);opacity:.5}.campaigns-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.campaigns-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-bright);margin:0}.campaigns-sync-time{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem;display:block}.campaigns-header-actions{display:flex;align-items:center;gap:.5rem}.campaigns-filter-btn{padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.campaigns-filter-btn:hover{background:#ffffff14;border-color:#ffffff26}.campaigns-filter-btn.active{background:#1db9541a;border-color:#1db95440;color:#1db954}.campaigns-show-all-link{background:none;border:none;color:#1db954;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.campaigns-sync-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#1db9541a;border:1px solid rgba(29,185,84,.25);border-radius:10px;color:var(--green);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.campaigns-sync-btn:hover:not(:disabled){background:#1db9542e;border-color:#1db95466}.campaigns-sync-btn:disabled{opacity:.6;cursor:not-allowed}.campaigns-sync-btn .spinning{animation:spin 1s linear infinite}.campaigns-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;padding:.6rem 1rem;font-size:.8rem;margin-bottom:1rem}.campaigns-empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.campaigns-empty a{color:var(--green);text-decoration:underline}.campaigns-table-wrap{overflow-x:auto;padding:0}.campaigns-table{width:100%;border-collapse:collapse;font-size:.8rem}.campaigns-table thead{position:sticky;top:0;z-index:1}.campaigns-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--card-border);white-space:nowrap;background:var(--bg-card)}.campaigns-th-num{text-align:right!important}.campaigns-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.campaigns-th-sortable:hover{color:var(--text-secondary)}.campaigns-th-sortable.active{color:var(--blue)}.campaigns-table td{padding:.7rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-primary);vertical-align:middle}.campaigns-table tbody tr:hover{background:#ffffff04}.campaigns-td-name{max-width:220px;display:flex;align-items:center;gap:.5rem}.campaigns-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.campaigns-status-dot.active{background:var(--green);box-shadow:0 0 4px #1db95466}.campaigns-status-dot.paused{background:var(--text-tertiary);opacity:.5}.campaigns-campaign-name{font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaigns-td-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.campaigns-td-link{min-width:160px}.campaigns-link-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;background:#4f6aff1a;border:1px solid rgba(79,106,255,.25);border-radius:8px;color:var(--accent);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.campaigns-link-btn:hover{background:#4f6aff2e;border-color:#4f6aff66}.campaigns-link-form{display:flex;align-items:center;gap:.35rem}.campaigns-link-select{padding:.3rem .5rem;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-size:.72rem;max-width:140px}.campaigns-link-confirm{padding:.3rem .55rem;background:var(--green);border:none;border-radius:6px;color:#000;font-size:.7rem;font-weight:700;cursor:pointer}.campaigns-link-confirm:disabled{opacity:.4;cursor:not-allowed}.campaigns-link-cancel{padding:.2rem .4rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.8rem}.campaigns-linked{display:flex;align-items:center;gap:.4rem}.campaigns-linked-name{display:flex;align-items:center;gap:.35rem;color:var(--text-bright);text-decoration:none;font-size:.75rem;font-weight:500;transition:color .2s}.campaigns-linked-name:hover{color:var(--green)}.campaigns-linked-img{width:22px;height:22px;border-radius:4px;object-fit:cover}.campaigns-unlink-btn{padding:.2rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;opacity:.5;transition:all .2s}.campaigns-unlink-btn:hover{opacity:1;color:#ef4444}.settings-account-picker{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(55,65,130,.12)}.settings-account-picker-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.6rem}.settings-account-list{display:flex;flex-direction:column;gap:.4rem}.settings-account-option{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff05}.settings-account-option:hover{border-color:#ffffff14;background:#ffffff08}.settings-account-option.selected{border-color:var(--green);background:#1db9540d}.settings-account-option input[type=radio]{accent-color:var(--green);width:16px;height:16px}.settings-account-name{display:block;font-size:.85rem;font-weight:600;color:var(--text-bright)}.settings-account-id{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:.1rem}.settings-badge.pro{background:var(--purple-dim, rgba(108, 123, 255, .12));color:var(--purple, #6C7BFF)}.settings-badge.agency{background:#ffb5471f;color:#ffb547}.tier-gate-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;gap:.75rem}.tier-gate-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:.25rem}.tier-gate-card h3{font-size:1.15rem;font-weight:700;color:var(--text-bright);margin:0}.tier-gate-card p{color:var(--text-secondary);font-size:.85rem;margin:0;max-width:400px;line-height:1.5}.tier-gate-upgrade{color:var(--text-tertiary)!important;font-size:.8rem!important}.tier-gate-upgrade strong{color:var(--purple, #6C7BFF)}.tier-gate-cta{display:inline-block;margin-top:.5rem;padding:.5rem 1.25rem;border-radius:10px;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#6c7bff,#4f6aff);color:#fff!important;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 16px #6c7bff33}.tier-gate-cta:hover{box-shadow:0 6px 24px #6c7bff4d;transform:translateY(-1px);color:#fff!important}.settings-change-plan{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;transition:color .2s}.settings-change-plan:hover{color:var(--blue)}.tier-inline-gate{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-tertiary);font-size:.78rem;font-weight:500}.add-playlist-card.locked{cursor:default;opacity:.6}.add-playlist-card.locked:hover{border-color:var(--card-border);transform:none}.upgrade-hint{font-size:.72rem;color:var(--text-tertiary);text-align:center;line-height:1.4;margin-top:.25rem}.pricing-main{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 80px);padding-top:calc((100vh - 80px)*.08);padding-bottom:2rem}.pricing-hero{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .5s ease .1s both}.pricing-title{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--text-bright);margin-bottom:.5rem}.pricing-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500}.pricing-error{text-align:center;color:var(--red);font-size:.85rem;margin-bottom:1.5rem;padding:.6rem 1rem;background:var(--red-dim);border-radius:var(--card-radius-sm)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;max-width:960px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1.75rem 1.5rem;display:flex;flex-direction:column;position:relative;overflow:visible;animation:fadeInUp .5s ease both;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:var(--card-radius) var(--card-radius) 0 0;background:linear-gradient(90deg,transparent,rgba(79,106,255,.08),transparent)}.pricing-card:hover{border-color:#ffffff0f;transform:translateY(-2px)}.pricing-card.popular{border-color:#6c7bff4d;box-shadow:var(--card-shadow),0 0 40px #6c7bff0f}.pricing-card.popular:before{background:linear-gradient(90deg,transparent,rgba(108,123,255,.25),transparent)}.pricing-card.popular:hover{border-color:#6c7bff73;box-shadow:var(--card-shadow-hover),0 0 60px #6c7bff1a}.pricing-popular-tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#6c7bff,#4f6aff);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .65rem;border-radius:8px;box-shadow:0 2px 12px #6c7bff4d}.pricing-card-top{margin-bottom:1rem}.pricing-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.pricing-plan-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-bright);letter-spacing:-.02em;margin-bottom:.35rem}.pricing-plan-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.5;min-height:2.4em}.pricing-price-row{display:flex;align-items:baseline;gap:0;margin-bottom:1rem}.pricing-currency{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-right:.1rem;align-self:flex-start;margin-top:.3rem}.pricing-amount{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:var(--text-bright);letter-spacing:-.04em;line-height:1}.pricing-cents{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-secondary);align-self:flex-start;margin-top:.3rem}.pricing-interval{font-size:.82rem;font-weight:500;color:var(--text-tertiary);margin-left:.25rem}.pricing-trial-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;color:var(--green);background:var(--green-dim);padding:.2rem .55rem;border-radius:6px;width:fit-content;margin-bottom:1.25rem;letter-spacing:.02em}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.pricing-features li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--text-primary)}.pricing-features li.excluded{color:var(--text-tertiary)}.pricing-check{width:20px;height:20px;border-radius:6px;background:var(--green-dim);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pricing-x{width:20px;height:20px;border-radius:6px;background:#454b6b26;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pricing-help-trigger{position:relative;display:inline-flex;align-items:center;color:var(--text-tertiary);cursor:help;margin-left:.25rem}.pricing-help-trigger:hover{color:var(--text-secondary)}.pricing-help-tooltip{display:none;position:absolute;right:0;bottom:calc(100% + 8px);width:260px;padding:.65rem .8rem;background:var(--bg-card, #1a1f3a);border:1px solid rgba(108,123,255,.2);border-radius:10px;font-size:.72rem;font-weight:400;line-height:1.5;color:var(--text-secondary);z-index:20;box-shadow:0 8px 24px #0006}.pricing-help-trigger:hover .pricing-help-tooltip{display:block}.pricing-card-bottom{margin-top:auto}.pricing-btn{width:100%;padding:.7rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:1px solid var(--card-border);background:var(--bg-elevated);color:var(--text-primary);transition:all .25s ease}.pricing-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1a}.pricing-btn.primary{background:linear-gradient(135deg,#6c7bff,#4f6aff);border:none;color:#fff;box-shadow:0 4px 20px #6c7bff40}.pricing-btn.primary:hover:not(:disabled){box-shadow:0 6px 28px #6c7bff59;transform:translateY(-1px)}.pricing-btn.current{background:transparent;border:1px solid var(--card-border);color:var(--text-tertiary);cursor:default}.pricing-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-manage{text-align:center;margin-top:2rem;animation:fadeInUp .5s ease .35s both}.pricing-manage-btn{padding:.6rem 1.5rem;border-radius:12px;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:all .25s ease}.pricing-manage-btn:hover:not(:disabled){border-color:#ffffff1a;color:var(--text-primary)}.pricing-manage-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:380px}.pricing-title{font-size:1.5rem}}.spotify-picker-modal{max-width:480px;width:90vw}.spotify-picker-loading,.spotify-picker-error,.spotify-picker-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.spotify-picker-search{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--card-border);background:#3741821a;color:var(--text-primary);font-size:.82rem;outline:none;margin-bottom:.5rem;transition:border-color .15s}.spotify-picker-search:focus{border-color:#1db95466}.spotify-picker-search::placeholder{color:var(--text-tertiary)}.spotify-picker-list{display:flex;flex-direction:column;gap:.35rem;max-height:360px;overflow-y:auto}.spotify-picker-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s;text-align:left;width:100%}.spotify-picker-item:hover{background:#6c7bff0f}.spotify-picker-item.selected{background:#1db95414;border-color:#1db95440}.spotify-picker-img{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#37418226;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.spotify-picker-img img{width:100%;height:100%;object-fit:cover}.spotify-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.spotify-picker-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-picker-meta{font-size:.72rem;color:var(--text-tertiary)}.spotify-picker-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--card-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.spotify-picker-check.active{background:var(--green);border-color:var(--green);color:#000}.section-divider{border-top:1px solid var(--card-border);margin:2rem 0 1.5rem}.section-title-icon{vertical-align:-3px;margin-right:.4rem;color:var(--text-secondary)}.external-info-box{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;background:var(--bg-card-solid);border:1px solid var(--card-border);border-radius:var(--card-radius-sm);font-size:.78rem;color:var(--text-secondary);line-height:1.5}.external-info-box svg{flex-shrink:0;margin-top:1px;color:var(--blue)}.external-badge{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15em .55em;margin-left:.6rem;border-radius:6px;background:var(--blue-dim);color:var(--blue);vertical-align:middle}.resync-btn{display:flex;align-items:center;gap:.35rem;padding:.4em .85em;font-size:.78rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card-solid);border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .25s ease}.resync-btn:hover{color:var(--text-primary);border-color:var(--card-border-hover)}.resync-btn.syncing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-actions-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.onboarding-skip{display:flex;align-items:center;gap:.35rem;padding:.5em 1em;font-size:.85rem;color:var(--text-secondary);background:transparent;border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .25s ease}.onboarding-skip:hover{color:var(--text-primary);border-color:var(--card-border-hover)}.detail-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--card-border);padding-bottom:0}.detail-tab{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.detail-tab:hover{color:var(--text-secondary)}.detail-tab.active{color:var(--text-primary);border-bottom-color:#1db954}.detail-tab.active svg{color:#1db954}.detail-tab.disabled{opacity:.35;cursor:default}.detail-tab.disabled:hover{color:var(--text-tertiary)}.tab-coming-soon{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#8a5cf626;color:#c4b5fd;padding:.1rem .4rem;border-radius:4px;margin-left:.25rem}.health-tab{display:flex;flex-direction:column;gap:1.25rem}.health-top-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.health-score-card .health-freshness-chart{flex-shrink:0;width:120px}.health-loading{display:flex;flex-direction:column;gap:1.25rem}.health-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;text-align:center;color:var(--text-tertiary)}.health-score-card{padding:1.75rem;display:flex;flex-direction:column}.health-score-card .health-score-top{margin-bottom:1.25rem}.health-score-card .health-banner{margin-top:auto}.health-score-top{display:flex;gap:2rem;align-items:flex-start}.health-gauge{position:relative;flex-shrink:0}.health-gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.health-gauge-number{font-family:Sora,sans-serif;font-size:2rem;font-weight:800;line-height:1}.health-gauge-label{font-size:.7rem;color:var(--text-tertiary);font-weight:500}.health-score-details{flex:1;min-width:0}.health-score-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .35rem}.health-score-summary{font-size:.82rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.health-external-label{display:inline-block;font-size:.7rem;font-weight:600;color:var(--text-tertiary);background:#6c7bff1a;border:1px solid rgba(108,123,255,.2);padding:.15rem .5rem;border-radius:6px;margin-bottom:.75rem}.health-components{display:flex;flex-direction:column;gap:.5rem}.health-component-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.health-component-bar-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.health-component-bar-score{font-size:.75rem;font-weight:700;font-family:Sora,sans-serif}.health-component-bar-track{height:5px;background:#37418226;border-radius:3px;overflow:hidden}.health-component-bar-fill{height:100%;border-radius:3px}.health-section{padding:1.5rem}.health-section-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.health-help-trigger{position:relative;display:inline-flex;align-items:center;color:var(--text-tertiary);cursor:help;margin-left:.15rem}.health-help-trigger:hover{color:var(--text-secondary)}.health-help-tooltip{display:none;position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);width:280px;padding:.75rem .85rem;background:var(--card-bg, #1a1f3a);border:1px solid rgba(108,123,255,.2);border-radius:10px;font-size:.75rem;font-weight:400;line-height:1.5;color:var(--text-secondary);z-index:20;box-shadow:0 8px 24px #0006}.health-help-trigger:hover .health-help-tooltip{display:block}.health-section-title svg{color:var(--text-tertiary)}.health-popularity-stats,.health-organic-stats{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.health-stat{display:flex;flex-direction:column}.health-stat-value{font-family:Sora,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary)}.health-stat-label{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.health-chart-wrap{margin-top:1rem}.health-chart-label{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.health-tooltip{background:linear-gradient(145deg,#141836,#0e1124);border:1px solid rgba(55,65,130,.25);border-radius:12px;padding:.7rem .9rem;font-size:.75rem;box-shadow:0 8px 32px #00000080}.health-tooltip-label{color:#7b83a6;margin-bottom:.35rem;font-weight:600;font-size:.7rem}.health-tooltip-row{display:flex;align-items:center;gap:.35rem}.health-tooltip-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.health-tooltip-value{color:#e8eaf6;font-weight:700;font-family:Sora,sans-serif}.health-tracks-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.25rem}.health-track-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid rgba(55,65,130,.08)}.health-track-row:last-child{border-bottom:none}.health-track-rank{font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;min-width:28px;text-align:center}.health-track-rank.top{color:#1db954}.health-track-rank.bottom{color:#ff4d6a}.health-track-info{display:flex;flex-direction:column;min-width:0}.health-track-name{font-size:.78rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-track-artist{font-size:.7rem;color:var(--text-tertiary)}.health-alerts{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.health-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;background:#ff4d6a14;border:1px solid rgba(255,77,106,.15);border-radius:10px;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.health-alert svg{color:#ff4d6a;flex-shrink:0;margin-top:1px}.health-hint{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#ffb54714;border:1px solid rgba(255,181,71,.15);border-radius:10px;font-size:.78rem;color:var(--text-secondary);margin-top:.75rem}.health-hint svg{color:#ffb547;flex-shrink:0}.health-hint.compact{padding:.4rem .65rem;margin-top:.5rem;font-size:.72rem}.health-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;border-radius:10px;font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin-top:1rem}.health-banner svg{flex-shrink:0;margin-top:1px}.health-banner-green{background:#1db95414;border:1px solid rgba(29,185,84,.15)}.health-banner-green svg{color:#1db954}.health-banner-yellow{background:#ffb54714;border:1px solid rgba(255,181,71,.15)}.health-banner-yellow svg{color:#ffb547}.health-banner-red{background:#ff4d6a14;border:1px solid rgba(255,77,106,.15)}.health-banner-red svg{color:#ff4d6a}.health-freshness-stats{display:flex;flex-direction:column;gap:.5rem;flex:1}.health-freshness-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-secondary)}.health-freshness-row strong{margin-left:auto;color:var(--text-primary);font-family:Sora,sans-serif;font-size:.82rem}.health-freshness-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-diversity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.health-diversity-card{padding:1rem;background:#3741820f;border-radius:12px;border:1px solid rgba(55,65,130,.1)}.health-diversity-card h4{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.health-diversity-stat{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.4rem}.health-diversity-detail{font-size:.72rem;color:var(--text-tertiary)}.health-genre-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.health-genre-tag{font-size:.65rem;font-weight:500;color:var(--text-secondary);background:#6c7bff14;border:1px solid rgba(108,123,255,.12);padding:.15rem .45rem;border-radius:6px}.health-genre-tag.more{color:var(--text-tertiary);background:#37418214;border-color:#3741821f}.health-organic-bar-wrap{margin-bottom:1rem}.health-organic-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:.4rem}.health-organic-bar-organic{background:#1db954;transition:width .8s ease}.health-organic-bar-paid{background:#6c7bff;transition:width .8s ease}.health-organic-bar-legend{display:flex;gap:1.25rem;font-size:.72rem;color:var(--text-secondary)}.health-organic-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:.3rem}.health-organic-dot.organic{background:#1db954}.health-organic-dot.paid{background:#6c7bff}@media(max-width:700px){.health-top-row{grid-template-columns:1fr}.health-score-top{flex-direction:column;align-items:center;text-align:center}.health-tracks-grid,.health-diversity-grid{grid-template-columns:1fr}}:root{--bg-void: #07080E;--bg-surface: #0C0E1A;--bg-card: linear-gradient(145deg, #111428 0%, #0C0F1F 100%);--bg-card-hover: linear-gradient(145deg, #141836 0%, #0E1124 100%);--bg-card-solid: #0F1225;--bg-elevated: #151937;--card-border: rgba(55, 65, 130, .18);--card-border-hover: rgba(80, 100, 200, .35);--card-shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .02) inset;--card-shadow-hover: 0 8px 40px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .04) inset;--card-radius: 20px;--card-radius-sm: 14px;--green: #1DB954;--green-light: #1ed760;--green-dim: rgba(29, 185, 84, .12);--green-glow: 0 0 20px rgba(29, 185, 84, .15), 0 0 60px rgba(29, 185, 84, .06);--green-glow-intense: 0 0 30px rgba(29, 185, 84, .25), 0 0 80px rgba(29, 185, 84, .1);--blue: #4F6AFF;--blue-dim: rgba(79, 106, 255, .12);--red: #FF4D6A;--red-dim: rgba(255, 77, 106, .12);--yellow: #FFB547;--yellow-dim: rgba(255, 181, 71, .12);--cyan: #22D3EE;--cyan-dim: rgba(34, 211, 238, .12);--font-display: "Sora", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--text-primary: #E8EAF6;--text-secondary: #7B83A6;--text-tertiary: #454B6B;--text-bright: #FFFFFF;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-void);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{min-height:100vh;background:var(--bg-void);overflow-x:hidden}body:before{content:"";position:fixed;top:-30%;left:-15%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(79,106,255,.03) 0%,transparent 65%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(29,185,84,.02) 0%,transparent 65%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--green);text-decoration:none;transition:color .2s}a:hover{color:var(--green-light)}button{border-radius:10px;border:1px solid transparent;padding:.5em 1em;font-size:.9em;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .25s ease}input{border-radius:var(--card-radius-sm);border:1px solid var(--card-border);padding:.6em .85em;font-size:.9em;font-family:var(--font-body);background:var(--bg-card-solid);color:var(--text-primary);transition:all .25s ease}input:focus{outline:none;border-color:#4f6aff66;box-shadow:0 0 0 3px #4f6aff1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b83a633;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7b83a659}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}