@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap);:root{--primary-bg:#191970;--accent-orange:#ff4500;--accent-green:#39ff14;--accent-cyan:#00d4ff;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#ffffffb3}.dark-bg{background-color:#111}.black-bg{background-color:#000}.green-text{color:#00ff84}.red-accent{color:#ff3b3f}.white-text{color:#fff}.green-border{border-bottom:2px solid #00ff84}.card-dark{background-color:#1a1a1a;border:1px solid #00ff84}.green-bg{background-color:#00ff84}.red-bg{background-color:#ff3b3f}.dark-text{color:#111}body{background-color:#191970;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif}.landing-page{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#191970;background-color:var(--primary-bg);border-bottom:1px solid #ffffffb3;border-bottom:1px solid var(--text-muted);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between}.logo-img{height:40px;margin-right:.5rem}.logo-text{font-size:1.2rem;font-weight:700}.nav-links a{color:#00d4ff;color:var(--accent-cyan);font-weight:500;margin-left:1rem;text-decoration:none}.nav-links a:hover{color:#39ff14;color:var(--accent-green)}.artist-login-btn{background-color:#ff4500;background-color:var(--accent-orange);border-radius:5px;color:#fff;font-weight:600;margin-left:2rem;padding:.5rem 1rem}.hero-section{aspect-ratio:16/9;background:#000;border:1px solid #222b36;border:1px solid var(--line,#222b36);border-radius:20px;margin:24px auto;overflow:hidden;position:relative;width:min(1280px,100%)}.hero-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-overlay{align-items:center;background:linear-gradient(135deg,#0006,#000000b3);justify-content:center;padding:2rem;text-align:center;z-index:2}@media (max-width:768px){.hero-section{aspect-ratio:4/3;margin:12px;position:relative}.hero-video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-overlay{align-items:flex-start;background:#0000;inset:0;justify-content:flex-start;padding:1rem;position:absolute;z-index:2}.hero-description,.hero-subtitle,.hero-title{display:none}.hero-cta{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.hero-cta .cta-btn:first-child{background:#ff6b00e6;color:#fff;top:1rem}.hero-cta .cta-btn:first-child,.hero-cta .cta-btn:nth-child(2){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;font-size:.9rem;font-weight:700;left:1rem;padding:.75rem 1.5rem;position:absolute;text-decoration:none;width:auto}.hero-cta .cta-btn:nth-child(2){background:#00ff88e6;bottom:1rem;color:#191970;color:var(--primary-bg)}.hero-cta .cta-btn:nth-child(3){display:none}}.hero-overlay{background:linear-gradient(180deg,#0000 35%,#0009);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:clamp(16px,4vw,40px);position:absolute}.hero-title{font-size:3rem;margin-bottom:1rem}.hero-subtitle,.hero-title{font-weight:700;text-shadow:2px 2px 6px #000000b3}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-box{border-radius:.5rem;font-weight:700;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:transform .2s ease-in-out}.cta-box:hover{transform:translateY(-5px)}.cta-red{background-color:#ff4500;background-color:var(--accent-orange);border:none}.cta-outline,.cta-red{color:#fff;color:var(--text-primary)}.cta-outline{background:none;border:2px solid #fff;border:2px solid var(--text-primary)}.cta-white{background-color:#00d4ff;background-color:var(--accent-cyan);color:#191970;color:var(--primary-bg)}.cta-btn{border-radius:6px;display:inline-block;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.cta-btn:hover{transform:scale(1.05)}.get-started-btn,.hoodie-peeps-btn{border-radius:6px;display:inline-block;font-size:1rem;font-weight:700;margin:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.get-started-btn:hover,.hoodie-peeps-btn:hover{opacity:.9}.features{background-color:#191970;background-color:var(--primary-bg);padding:4rem 2rem}.container{max-width:1200px;padding:0 1.5rem}.features-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:3rem}.feature-card{background-color:#000;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;flex-basis:calc(33.333% - 2rem);flex-grow:1;flex-shrink:1;min-width:280px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#e0e0e0;font-size:1rem;margin-bottom:1.5rem}@media (max-width:768px){.feature-card{flex:1 1 100%}}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.pill-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:2px solid #ffffff26;border-radius:2rem;color:#fff;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.pill-card:hover{box-shadow:0 0 12px #fff3;transform:translateY(-5px) scale(1.03)}.pill-card h3{font-weight:700;margin-bottom:.5rem}.pill-card p{color:#e0e0e0;font-size:1rem}.section-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#ffffffb3;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;text-align:center}.footer{background-color:#191970;background-color:var(--primary-bg);color:#e0e0e0;color:var(--text-secondary);padding:2rem}.footer a{color:#00d4ff;color:var(--accent-cyan);margin-right:1rem;text-decoration:none}.footer a:hover{color:#39ff14;color:var(--accent-green)}.footer-motto{color:#ffffffb3;color:var(--text-muted);font-size:.9rem}.panel-container{color:#fff;margin:0 auto;max-width:1200px;padding:2rem}.panel-header{margin-bottom:2rem;text-align:center}.panel-header h2{font-size:2.5rem;margin-bottom:.5rem}.panel-header p{font-size:1.1rem;opacity:.8}.panel-loading{font-size:1.2rem;padding:4rem;text-align:center}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center}.stat-card h3{color:#10b981;font-size:2.5rem;margin:0 0 .5rem}.stat-card p{font-size:.9rem;margin:0;opacity:.8}.section-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.section-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.section-card h3{font-size:1.3rem;margin:0 0 1rem}.pitch-list{max-height:300px;overflow-y:auto}.pitch-item{align-items:center;background:#ffffff0d;border-left:3px solid #10b981;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.pitch-info{display:flex;flex-direction:column;gap:.25rem}.pitch-target{font-size:.85rem;opacity:.7}.pitch-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.status{border-radius:4px;font-size:.75rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.status.pending{background:#f59e0b;color:#000}.status.accepted{background:#10b981;color:#000}.status.reviewing{background:#3b82f6;color:#fff}.status.rejected{background:#ef4444;color:#fff}.date{font-size:.8rem;opacity:.6}.recommendations{display:flex;flex-direction:column;gap:1rem}.recommendation{background:#10b9811a;border-left:3px solid #10b981;border-radius:8px;font-size:.9rem;padding:1rem}.panel-footer{font-size:.9rem;margin-top:2rem;opacity:.6;padding:1rem;text-align:center}.dashboard-container{background-color:#0f0f0f;color:#fff;font-family:Inter,Segoe UI,sans-serif;font-size:12px;line-height:1.2;max-width:1600px;padding:1rem}.dashboard-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #0f83;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.dashboard-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.dashboard-logo h1{color:#0f8;font-size:1.5rem;font-weight:700;margin:0}.dashboard-subtitle{color:#ffffffb3;font-size:.85rem;font-weight:400;margin:.25rem 0 0}.user-controls{flex-wrap:wrap;gap:1rem}.welcome-text{color:#fffc;font-size:.875rem}.spotify-connect-btn{background:#1db954;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:background .3s}.spotify-connect-btn:hover{background:#1ed760}.sign-out-btn,.spotify-status{font-size:.8rem}.sign-out-btn{background:#f04;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .3s}.sign-out-btn:hover{background:#c03}.analytics-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.catalog-card,.portfolio-card,.spotify-card,.trends-card,.weekly-summary-card{background:linear-gradient(145deg,#1a1a1a,#242424);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:1.25rem}.catalog-card h2,.portfolio-card h2,.spotify-card h2,.trends-card h2,.weekly-summary-card h2{border-bottom:2px solid #0f83;color:#0f8;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.portfolio-summary,.spotify-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.metric-card{background:#2a2a2a99;border-left:3px solid #0f8;border-radius:8px;color:#fff;padding:.875rem}.metric-card h3{color:#fffc;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.metric-card .value{color:#0f8;display:block;font-size:1.25rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr 1fr;margin-bottom:2rem}.analytics-column,.catalog-column,.spotify-column{background:#1c1c1c;border:1px solid #ffffff1a;border-radius:10px;max-height:70vh;overflow-y:auto;padding:1rem}.dashboard-error,.dashboard-loading{color:#fff;padding:3rem;text-align:center}.loading-spinner{border:4px solid #fff3;border-top-color:#0f8;height:40px;margin:0 auto 1rem;width:40px}.quick-nav{margin-bottom:2rem}.quick-nav h3{color:#0f8;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.nav-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.nav-tile{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #0f83;border-radius:12px;color:#fff;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.nav-tile:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#0f89;box-shadow:0 8px 25px #0f83;transform:translateY(-4px)}.nav-tile:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-tile:hover:before{left:100%}.nav-tile .icon{color:#0f8;display:block;font-size:2rem;margin-bottom:.5rem}.nav-tile .title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.nav-tile .description{color:#ccc;font-size:.9rem;line-height:1.4}.nav-tile:visited{color:#fff;text-decoration:none}.nav-tile:visited .title{color:#fff}.nav-tile:visited .description{color:#ccc}.marketing-dashboard{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.3;margin:0 auto;max-width:1200px;min-height:100vh;padding:16px}.marketing-dashboard h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;text-align:center}.marketing-dashboard h3,.marketing-dashboard h4{border-bottom:2px solid #3498db;color:#34495e;font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem}.marketing-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.overview-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}.overview-card .metric{color:#2c3e50;font-size:1.5rem;font-weight:700}.overview-card .label{color:#7f8c8d;font-size:.9rem;margin-top:.25rem}.marketing-ready-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.tracks-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.track-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;transition:transform .2s ease}.track-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.track-title{margin-bottom:.5rem}.track-metadata{grid-gap:.5rem;color:#6c757d;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:1fr 1fr;margin:.5rem 0}.track-links{display:flex;gap:.5rem;margin-top:.75rem}.copy-link-btn,.spotify-link{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;text-decoration:none;transition:background-color .2s ease}.copy-link-btn{background:#6c757d;color:#fff}.copy-link-btn:hover{background:#5a6268}.recommended-platforms{font-size:.8rem;margin-top:.5rem}.platform-tag{background:#007bff;border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;margin:0 .25rem;padding:.125rem .5rem}.all-tracks-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.tracks-table{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:2fr 1fr auto}.track-row{display:contents}.track-row:nth-child(2n) .marketing-status,.track-row:nth-child(2n) .spotify-mini-link,.track-row:nth-child(2n) .track-name{background:#f8f9fa}.marketing-status,.spotify-mini-link,.track-name{border-bottom:1px solid #e9ecef;padding:.5rem}.track-name{color:#2c3e50;font-weight:500}.status.ready{color:#28a745;font-weight:700}.status.pending{color:#ffc107;font-weight:700}.spotify-mini-link{font-size:1.2rem;text-decoration:none;transition:transform .2s ease}.spotify-mini-link:hover{transform:scale(1.2)}.brand-opportunities{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.opportunities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.opportunity-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;padding:1rem;text-align:center}.opportunity-card .category{font-weight:700;margin-bottom:.5rem}.opportunity-card .count{font-size:1.2rem;font-weight:700}.posting-times{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.times-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem}.time-slot{align-items:center;background:#f8f9fa;border-left:3px solid #28a745;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.time-slot .time{color:#2c3e50;font-weight:700}.time-slot .score{color:#28a745;font-size:.9rem}.industry-buzz{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.industry-buzz pre{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:4px;color:#495057;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;line-height:1.4;max-height:300px;overflow-y:auto;padding:1rem}.error,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center}.loading{color:#6c757d}.error{color:#dc3545}@media (max-width:768px){.marketing-dashboard{padding:12px}.marketing-overview,.tracks-grid,.tracks-table{grid-template-columns:1fr}.tracks-table{gap:.25rem}.marketing-status,.spotify-mini-link,.track-name{padding:.25rem}.opportunities-grid{grid-template-columns:repeat(2,1fr)}.times-list{grid-template-columns:1fr}}.catalog-container{background-color:#0f0f0f;color:#fff;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.4;margin:0 auto;max-width:1600px;min-height:100vh;padding:1rem}.catalog-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #0f83;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.catalog-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.catalog-logo h1{color:#0f8;font-size:1.8rem;font-weight:700;margin:0}.catalog-subtitle{color:#ffffffb3;font-size:.95rem;font-weight:400;margin:.25rem 0 0}.catalog-controls{align-items:center;display:flex;gap:1rem}.contact-btn,.export-btn{background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#0f0f0f;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.contact-btn:hover,.export-btn:hover{box-shadow:0 4px 15px #00ff884d;transform:translateY(-2px)}.catalog-tabs{background:#1a1a1acc;border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab-button{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.tab-button.active{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#0f8;color:#0f0f0f;font-weight:600}.catalog-content{min-height:500px}.analytics-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #0f83;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.analytics-card h2,.analytics-card h3{color:#0f8;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem}.analytics-card h3{font-size:1.2rem;margin-bottom:1rem}.metrics-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.metric-box{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center}.metric-value{color:#0f8;display:block;font-size:1.8rem;margin-bottom:.5rem}.metric-label{color:#ffffffb3;font-size:.85rem}.catalog-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.album-showcase{align-items:flex-start;display:flex;gap:1.5rem}.album-cover-large{border-radius:8px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.album-details{flex:1 1}.album-title{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.album-artist{color:#fffc;font-size:1rem;margin:0 0 1rem}.album-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.album-meta span{color:#fff9;font-size:.85rem}.spotify-link{background:#1db954;border-radius:6px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.spotify-link:hover{background:#1ed760;transform:translateY(-1px)}.tracks-performance{display:flex;flex-direction:column;gap:.75rem}.track-performance-row{grid-gap:1rem;align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:40px 2fr 1fr 1fr;padding:.75rem}.track-rank{color:#0f8;font-size:.9rem;font-weight:700}.track-name{color:#fff;font-size:1rem;font-weight:600}.track-streams{color:#fffc;font-size:.9rem}.track-revenue{color:#0f8;font-size:.9rem;font-weight:600}.analytics-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center}.metric-number{color:#0f8;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.metric-desc{color:#ffffffb3;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.activity-timeline{display:flex;flex-direction:column;gap:.75rem}.activity-item{grid-gap:1rem;align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:60px 1fr 40px;padding:.75rem}.activity-date{color:#fff9;font-size:.8rem;font-weight:500}.activity-desc{color:#ffffffe6;font-size:.9rem}.activity-status.success{color:#0f8;font-size:1rem}.activity-status.pending{color:orange;font-size:1rem}.tracks-grid-professional{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.track-card-professional{grid-gap:1rem;align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:50px 1fr auto;padding:1rem;transition:all .3s ease}.track-card-professional:hover{border-color:#00ff884d;transform:translateY(-2px)}.track-number{color:#0f8;font-size:1.2rem;font-weight:700;text-align:center}.track-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.track-duration{color:#fff9;font-size:.85rem;margin:0}.track-metrics{display:flex;flex-direction:column;gap:.25rem;text-align:right}.track-metrics .track-streams{color:#ffffffb3;font-size:.8rem}.track-metrics .track-revenue{color:#0f8;font-size:.9rem;font-weight:600}.licensing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.licensing-section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.licensing-section h3{color:#0f8;font-size:1.1rem;margin:0 0 1rem}.licensing-section p{color:#fffc;line-height:1.6;margin-bottom:1rem}.licensing-section ul{color:#ffffffb3;padding-left:1.5rem}.licensing-section li{margin-bottom:.5rem}@media (max-width:1200px){.catalog-content-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.catalog-container{padding:.75rem}.catalog-nav{align-items:flex-start;flex-direction:column;gap:1rem}.catalog-controls{justify-content:space-between;width:100%}.catalog-content-grid,.tracks-grid-professional{grid-template-columns:1fr}.track-performance-row{gap:.5rem;grid-template-columns:30px 1fr 80px}.track-streams{display:none}.album-showcase{flex-direction:column;text-align:center}.album-cover-large{align-self:center}.licensing-grid{grid-template-columns:1fr}}.catalog-showcase{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.4;margin:0 auto;max-width:1200px;padding:16px}.showcase-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.showcase-header h1{font-size:1.8rem;font-weight:700;margin:0 0 8px}.showcase-subtitle{font-size:1rem;margin:0;opacity:.9}.error-indicator,.loading-indicator{border-radius:8px;margin:16px 0;padding:32px;text-align:center}.loading-indicator{background:#f8f9fa;color:#6c757d}.error-indicator{background:#fff5f5;border:1px solid #fed7d7;color:#e53e3e}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;height:24px;margin:0 auto 12px;width:24px}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:12px;padding:8px 16px}.retry-button:hover{background:#5a6fd8}.tracks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:120px;padding-bottom:32px}@media (min-width:1400px){.tracks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px) and (max-width:1399px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:899px){.tracks-grid{gap:16px;grid-template-columns:1fr;margin-bottom:80px}}.track-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;font-size:14px;min-height:320px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.track-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.track-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.album-art{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:80px;object-fit:cover;width:80px}.track-info{flex:1 1;min-width:0}.track-title{color:#2c3e50;font-size:1.1rem;margin:0 0 6px}.artist-name{color:#7f8c8d;font-size:.9rem;font-weight:500;margin:0 0 4px}.album-name{color:#95a5a6;font-size:.8rem;margin:0}.track-metadata{margin-bottom:20px}.metadata-row{border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.metadata-row:last-child{border-bottom:none}.label{color:#5a6c7d;font-weight:600;min-width:80px}.value{color:#2c3e50;flex:1 1}.track-actions{display:flex;gap:12px;margin-bottom:20px}.pitch-btn,.play-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.play-btn{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.play-btn:hover{box-shadow:0 4px 15px #11998e66;transform:translateY(-2px)}.play-btn.playing{animation:pulse 2s infinite;background:linear-gradient(135deg,#fd79a8,#fdcb6e)}.pitch-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pitch-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.brand-themes{margin-bottom:15px}.brand-themes h4{color:#5a6c7d;font-size:.9rem;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.themes-list{display:flex;flex-wrap:wrap;gap:6px}.theme-tag{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:12px;color:#2d3436;font-size:.8rem;font-weight:500;padding:4px 10px}.pitch-guidance{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.pitch-guidance h4{color:#5a6c7d;font-size:.9rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pitch-guidance p{color:#2c3e50;font-size:.9rem;line-height:1.5;margin:0}.track-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.track-modal{background:#fff;border-radius:15px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:1.6rem;margin:0}.modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;width:35px}.modal-header button:hover{background:#fff3}.modal-content{padding:30px}.lyrics-section,.metadata-section,.pitch-results{margin-bottom:30px}.lyrics-section h3,.metadata-section h3,.pitch-results h3{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.3rem;margin:0 0 20px;padding-bottom:10px}.metadata-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.meta-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.meta-item strong{color:#5a6c7d;display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.lyrics-preview{border-left:4px solid #11998e;line-height:1.6;padding:20px}.lyrics-preview p{color:#2c3e50;margin:0 0 8px}.pitch-content{background:#f8f9fa;border-left:4px solid #fd79a8;border-radius:8px;margin-bottom:15px;padding:20px}.pitch-content h4{color:#2c3e50;margin:0 0 10px}.catalog-stats{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.showcase-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:32px;padding:20px}.showcase-controls h3{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 16px}.controls-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr}.search-input,.vibe-filter{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:13px;padding:10px 12px;transition:border-color .2s ease}.search-input:focus,.vibe-filter:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.streaming-info{background:#f1f3f4;border-radius:8px;color:#5f6368;font-size:12px;margin:24px 0;padding:16px;text-align:center}.streaming-info p{margin:4px 0}@media (max-width:768px){.catalog-showcase{padding:12px}.tracks-grid{gap:12px;grid-template-columns:1fr}.controls-grid{gap:8px;grid-template-columns:1fr}.track-actions{flex-direction:column;gap:8px}.album-art{height:40px;width:40px}.metadata-grid{grid-template-columns:1fr}.track-modal{margin:10px;max-height:95vh}.modal-content{padding:20px}}.audio-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.play-button{align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.play-button:hover{box-shadow:0 4px 15px #11998e66;transform:translateY(-2px)}.play-button.playing{animation:pulse 2s infinite;background:linear-gradient(135deg,#fd79a8,#fdcb6e)}.play-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.streaming-status{color:#7f8c8d;font-size:.8rem;font-style:italic;margin:0;text-align:center}.track-details{display:flex;flex:1 1;flex-direction:column}.track-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.track-meta span{background:#f8f9fa;border-radius:4px;color:#5a6c7d;font-size:.8rem;font-weight:500;padding:4px 8px}.bpm{background:#e3f2fd!important;color:#1976d2!important}.vibe{background:#f3e5f5!important;color:#7b1fa2!important}.lyrics-preview{background:#f8f9fa;border-left:4px solid #fd79a8;border-radius:8px;margin-bottom:12px;padding:12px}.lyrics-preview strong{color:#2c3e50;display:block;font-size:.85rem;margin-bottom:6px}.lyrics-preview em{color:#5a6c7d;display:block;font-size:.9rem;line-height:1.4}.analytics-panel{background:#f8f9fa;font-size:12px;margin:0 auto;max-width:1200px;min-height:100vh;padding:16px}.analytics-panel .space-y-6{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.analytics-panel .bg-gradient-to-r{grid-column:1/-1}.analytics-panel .border-b{grid-column:1/-1;margin-bottom:1rem}.analytics-panel .min-h-96{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-height:auto}.analytics-panel .grid-cols-5{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.analytics-panel .lg\:grid-cols-2{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important}.analytics-panel h1{font-size:1.5rem!important;margin-bottom:16px!important}.analytics-panel h2{font-size:1.25rem!important;margin-bottom:12px!important}.analytics-panel h3{font-size:1.1rem!important;margin-bottom:8px!important}.analytics-panel .grid>div{border-radius:8px!important;padding:12px!important}.analytics-panel .text-3xl{font-size:1.5rem!important;margin-bottom:4px!important}.analytics-panel .text-xl{font-size:1rem!important}.analytics-panel .text-lg{font-size:.95rem!important}.analytics-panel .text-sm{font-size:.75rem!important}.analytics-panel .text-xs{font-size:.7rem!important}.analytics-panel .space-y-6>*+*{margin-top:16px!important}.analytics-panel .space-y-4>*+*{margin-top:12px!important}.analytics-panel .gap-6{gap:12px!important}.analytics-panel .gap-4{gap:8px!important}.analytics-panel .p-6{padding:12px!important}.analytics-panel .p-4{padding:10px!important}.analytics-panel .p-3{padding:8px!important}.analytics-panel .px-4{padding-left:12px!important;padding-right:12px!important}.analytics-panel .py-2{padding-bottom:6px!important;padding-top:6px!important}.analytics-panel button{border-radius:6px!important;font-size:13px!important;padding:6px 12px!important}.analytics-panel .border-b{margin-bottom:16px!important}@media (max-width:768px){.analytics-panel .grid-cols-2{grid-template-columns:1fr!important}.analytics-panel .grid-cols-4,.analytics-panel .grid-cols-5{grid-template-columns:repeat(2,1fr)!important}.analytics-panel .lg\:grid-cols-2{grid-template-columns:1fr!important}}.analytics-panel .bg-blue-600{background-color:#4f46e5!important}.analytics-panel .text-blue-600{color:#4f46e5!important}.analytics-panel .border-blue-200{border-color:#ddd6fe!important}.Header_header__2t6Je{background-color:var(--bg-color);box-shadow:0 2px 5px #0003;color:var(--text-color);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.Header_container__ow5lQ{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.Header_logo__G\+ea6 a{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none}.Header_nav__akIpU ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.Header_nav__akIpU a{color:var(--text-color);font-size:1rem;font-weight:400;text-decoration:none;transition:color .3s ease}.Header_nav__akIpU a:hover{color:var(--accent-color);text-decoration:none}.Header_authButtons__DpHIw{display:flex;gap:.8rem;margin-left:1.5rem}.Header_burgerMenu__N3-Rj{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:2rem;padding:.5rem}@media (max-width:768px){.Header_nav__akIpU{background-color:var(--bg-color);box-shadow:0 5px 5px #0003;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:100%;width:100%;z-index:999}.Header_mobileNavOpen__0WgPy{display:flex}.Header_authButtons__DpHIw,.Header_nav__akIpU ul{align-items:center;flex-direction:column;gap:1rem}.Header_authButtons__DpHIw{margin-left:0;margin-top:1rem}.Header_burgerMenu__N3-Rj{display:block}}.Button_button__A76z0{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .1s ease}.Button_fill__cKJTE.Button_accent__BsGK\+{background-color:var(--accent-color);border:1px solid var(--accent-color);color:var(--dark-text-color)}.Button_fill__cKJTE.Button_accent__BsGK\+:hover{background-color:#28a2d1;border-color:#28a2d1}.Button_outline__YUST8.Button_accent__BsGK\+{background-color:initial;border:2px solid var(--accent-color);color:var(--accent-color)}.Button_outline__YUST8.Button_accent__BsGK\+:hover{background-color:#32c1ed1a;color:var(--accent-color)}.Button_button__A76z0:active{transform:scale(.98)}.artist-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f4c75;border-radius:12px;box-shadow:0 8px 32px #0f4c754d;font-size:12px;max-width:400px;min-width:280px;position:fixed;right:20px;top:80px;transition:all .3s ease;z-index:900}.artist-summary.collapsed{height:auto}.artist-summary.expanded{max-height:80vh;overflow-y:auto}.summary-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.summary-header:hover{background-color:#0f4c7533;border-radius:12px 12px 0 0}.artist-info{display:flex;flex-direction:column;gap:4px}.artist-id{align-self:flex-start;background:#3bb3ff1a;border-radius:4px;color:#3bb3ff;font-size:12px;font-weight:700;letter-spacing:1px;padding:2px 8px}.artist-name{color:#fff;font-size:16px;font-weight:600;text-transform:capitalize}.expand-icon{color:#3bb3ff;font-size:14px;transition:transform .2s ease}.artist-summary.expanded .expand-icon{transform:rotate(0deg)}.summary-details{border-top:1px solid #0f4c754d;margin-top:0;padding:0 20px 20px}.artist-details,.catalog-summary{margin-bottom:20px}.artist-details h4,.catalog-summary h4{color:#3bb3ff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:16px 0 12px;text-transform:uppercase}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between}.detail-item:last-child{border-bottom:none}.label{color:#bbb;font-weight:500}.label,.value{font-size:12px}.value{color:#fff;font-weight:600;max-width:60%;text-align:right;word-break:break-word}.value.status.active{color:#4caf50}.value.status.inactive{color:#f44336}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.metric{background:#0f4c7533;border:1px solid #3bb3ff33;border-radius:8px;padding:12px;text-align:center}.metric-value{color:#3bb3ff;font-size:20px;font-weight:700;margin-bottom:4px}.metric-label{color:#bbb;font-size:10px;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.last-updated{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px;text-align:center}.last-updated small{color:#888;font-size:10px}.artist-summary.error{background:#f443361a;border-color:#f44336;padding:12px 16px}.artist-summary.error span{color:#f44336;font-size:12px;font-weight:500}@media (max-width:768px){.artist-summary{display:none}.metrics-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.metric{padding:8px}.metric-value{font-size:16px}.metric-label{font-size:9px}}.artist-summary.expanded::-webkit-scrollbar{width:4px}.artist-summary.expanded::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.artist-summary.expanded::-webkit-scrollbar-thumb{background:#3bb3ff;border-radius:2px}.artist-summary.expanded::-webkit-scrollbar-thumb:hover{background:#2196f3}:root{--nav-bg:#0b1150;--nav-fg:#e8e8e8;--nav-accent:#1dd75f;--nav-hover:#ffffff14;--drop-bg:#121212;--drop-border:#2a2a2a}.dm-nav{background:#0b1150;background:var(--nav-bg);border-bottom:1px solid #ffffff14;color:#e8e8e8;color:var(--nav-fg);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-inner{gap:16px;margin:0 auto;max-width:1240px;padding:10px 16px}.brand,.nav-inner{align-items:center;display:flex}.brand{cursor:pointer;gap:10px}.brand-logo{border-radius:50%;height:28px;width:28px}.brand-name{font-weight:700;letter-spacing:.2px}.hamburger{background:#0000;border:0;display:none;margin-left:auto;padding:6px}.hamburger span{background:#e8e8e8;background:var(--nav-fg);display:block;height:2px;margin:4px 0;width:22px}.nav-main{align-items:center;display:flex;gap:20px;margin-left:auto}.nav-groups{display:flex;flex-wrap:wrap;gap:6px}.nav-group{position:relative}.nav-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#e8e8e8;color:var(--nav-fg);display:flex;font-weight:600;gap:6px;padding:8px 12px}.nav-trigger.open,.nav-trigger:hover{background:#ffffff14;background:var(--nav-hover);border-color:#0000}.chev{font-size:12px;opacity:.8}.dropdown{grid-gap:2px;background:#121212;background:var(--drop-bg);border:1px solid #2a2a2a;border:1px solid var(--drop-border);border-radius:12px;box-shadow:0 8px 24px #00000059;display:grid;gap:2px;left:0;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px)}.dropdown.right{left:auto;right:0}.drop-link{align-items:center;background:#0000;border:0;border-radius:10px;color:#e8e8e8;color:var(--nav-fg);cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:10px 12px;text-align:left;text-decoration:none}.drop-link:hover{background:#ffffff14;background:var(--nav-hover)}.drop-link.active{outline:1px solid #1dd75f;outline:1px solid var(--nav-accent)}.drop-link.danger{color:#ff5d5d;color:var(--danger)}.nav-secondary{align-items:center;display:flex;gap:10px;margin-left:8px}.link-secondary{border-radius:10px;color:#e8e8e8;color:var(--nav-fg);opacity:.9;padding:8px 10px;text-decoration:none}.link-secondary.active,.link-secondary:hover{background:#ffffff14;background:var(--nav-hover)}.user-menu{position:relative}.user-chip{align-items:center;background:#ffffff0f;border:1px solid #0000;border-radius:999px;color:#e8e8e8;color:var(--nav-fg);display:flex;gap:8px;padding:6px 10px}.user-chip:hover{background:#ffffff1a}.avatar{background:#2a2a2a;border-radius:50%;display:grid;font-size:12px;font-weight:700;height:24px;place-items:center;width:24px}.uname{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:980px){.hamburger{display:inline-block}.nav-main{align-items:stretch;background:#0b1150;background:var(--nav-bg);border-bottom:1px solid #ffffff14;display:none;flex-direction:column;inset:60px 0 auto 0;padding:12px 16px;position:fixed;z-index:1001}.nav-main.show{display:flex}.nav-groups{flex-direction:column;gap:8px}.nav-group{width:100%}.dropdown{border-radius:10px;box-shadow:none;left:auto;position:static;top:auto}.nav-secondary{align-items:stretch;flex-direction:column;gap:6px}}.App{display:flex;flex-direction:column;min-height:100vh}.page-wrap{display:flex;flex:1 1;flex-direction:column}.loading-container{min-height:60vh}.loading-spinner{border:4px solid #333;border-top-color:#32c1ed;border-top:4px solid var(--accent-color,#32c1ed);margin-bottom:1rem}.App .page-wrap{max-width:100%;width:100%}:root{--bg-color:#0b0d11;--surface:#11151b;--surface-2:#121824;--text:#f5f7fb;--muted:#a8b2c1;--line:#222b36;--accent:#32c1ed;--accent-2:#1db954;--warn:#ffb020;--danger:#ff5d5d;--grid-gap:1rem;--grid-padding:1.5rem;--card-radius:12px;--card-shadow:0 4px 24px #0006;--card-border:1px solid #ffffff1a;--primary-bg:var(--bg-color);--card-bg:var(--surface);--text-primary:var(--text);--text-secondary:var(--muted);--accent-color:var(--accent);--success-color:var(--accent-2);--warning-color:var(--warn);--error-color:var(--danger);--font-sans:"Inter","Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius:16px;--radius-lg:20px;--shadow:0 2px 20px #00000040;--shadow-soft:0 1px 12px #0000002e;--container-max:1280px;--section-gap:64px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0d11;background:var(--bg-color);color:#f5f7fb;color:var(--text);font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans);margin:0;padding:0;scroll-behavior:smooth}h1,h2,h3,h4{font-weight:700;line-height:1.15;margin:0 0 .75rem}h1{font-size:clamp(28px,3vw,36px)}h2{font-size:clamp(22px,2.2vw,28px)}h3{font-size:clamp(18px,1.8vw,22px)}p{color:#a8b2c1;color:var(--muted);line-height:1.65;margin:0 0 1rem}a{color:#32c1ed;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max);padding:0 24px;padding:0 var(--space-6);width:100%}section{margin-bottom:64px;margin-bottom:var(--section-gap);padding:40px 0;padding:var(--space-10) 0}section:last-of-type{margin-bottom:0}.btn,button,input[type=submit]{align-items:center;background:#1db954;background:var(--accent-2);border:0;border-radius:12px;box-shadow:0 1px 12px #0000002e;box-shadow:var(--shadow-soft);color:#08130f;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;min-width:44px;padding:10px 18px;transition:transform .06s ease,background .2s ease}.btn:hover,button:hover{transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}.btn-outline{background:#0000;border:1px solid #222b36;border:1px solid var(--line);color:#f5f7fb;color:var(--text)}input[type=email],input[type=number],input[type=search],input[type=text],select,textarea{background:#0f141b;border:1px solid #222b36;border:1px solid var(--line);border-radius:12px;color:#f5f7fb;color:var(--text);font-size:14px;outline:none;padding:12px 14px;width:100%}input::placeholder,textarea::placeholder{color:#728097}.card{background:#11151b;background:var(--surface);border:1px solid #222b36;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 12px #0000002e;box-shadow:var(--shadow-soft)}.card-body{padding:24px;padding:var(--space-6)}.card-title{font-size:16px;font-weight:700;margin-bottom:8px}.card-sub{color:#a8b2c1;color:var(--muted);font-size:13px}.metric{background:#121824;background:var(--surface-2);border:1px solid #222b36;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;padding:16px}.metric .label{color:#8ea0b4;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.metric .value{font-size:22px;font-weight:800}.board{grid-gap:24px;grid-gap:var(--space-6);align-items:start;display:grid;gap:24px;gap:var(--space-6);grid-template-columns:2fr 1fr}.frame-13,.frame-23{background:#11151b;background:var(--surface);border:1px solid #222b36;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden}.frame-pad{padding:24px;padding:var(--space-6)}.tile-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{aspect-ratio:1/1;background:#121824;background:var(--surface-2);border:1px solid var(--line);justify-content:space-between;padding:16px}.metrics{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.metrics{grid-template-columns:1fr}}.frame-video{aspect-ratio:16/9;background:#000;border:1px solid #222b36;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.frame-video iframe,.frame-video video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.frame-overlay{background:linear-gradient(180deg,#0000 40%,#0000008c);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:32px;padding:var(--space-8);position:absolute}.gap-4{gap:16px;gap:var(--space-4)}.gap-6{gap:24px;gap:var(--space-6)}.mt-6{margin-top:24px;margin-top:var(--space-6)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.center{align-items:center;display:flex;justify-content:center}.page-wrap{padding:32px 0;padding:var(--space-8) 0}.footer-note{color:#9aa6b2;font-size:13px}@media (max-width:900px){.board{grid-template-columns:1fr}}.board-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr))}.tile{background:#11151b;background:var(--surface,#11151b);border:1px solid #222b36;border:1px solid var(--line,#222b36);border-radius:16px;box-shadow:0 1px 12px #0000002e;box-shadow:var(--shadow-soft,0 1px 12px #0000002e);display:flex;flex-direction:column;min-height:120px;overflow:hidden}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.board-grid{grid-auto-rows:120px}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-4{grid-row:span 4}.ratio-1-1{aspect-ratio:1/1}.ratio-16-9{aspect-ratio:16/9}.ratio-2-1{aspect-ratio:2/1}.ratio-1-2{aspect-ratio:1/2}.tile-pad{padding:16px}.tile-title{font-size:16px;font-weight:800;margin-bottom:8px}.tile-sub{color:#a8b2c1;color:var(--muted,#a8b2c1);font-size:13px}.tile-video{background:#000;position:relative}.tile-video iframe,.tile-video video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.tile-video .overlay{background:linear-gradient(180deg,#0000 35%,#0009);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:24px;position:absolute}@media (max-width:1024px){.col-span-6,.col-span-8{grid-column:span 12}}@media (max-width:640px){.board-grid{grid-auto-rows:100px;grid-template-columns:repeat(6,1fr)}.col-span-3,.col-span-4{grid-column:span 6}}.professional-container{letter-spacing:.01em;line-height:1.6;margin:0 auto;max-width:1600px;padding:1.5rem;padding:var(--grid-padding)}.professional-catalog,.professional-container{color:#f5f7fb;color:var(--text-primary);font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans)}.professional-catalog{background:#0b0d11;background:var(--bg-color);min-height:100vh}.catalog-hero{background:linear-gradient(135deg,#11151b,#121824);background:linear-gradient(135deg,var(--surface) 0,var(--surface-2) 100%);border-bottom:2px solid #32c1ed;border-bottom:2px solid var(--accent-color);color:#f5f7fb;color:var(--text-primary);overflow:hidden;padding:60px 40px;position:relative}.catalog-hero:before{background:radial-gradient(circle at 30% 70%,#32c1ed1a,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:2}.artist-brand h1{color:#32c1ed;color:var(--accent-color);font-size:3.5rem;font-weight:800;letter-spacing:3px;margin:0;text-shadow:2px 2px 4px #0000004d}.tagline{color:#a8b2c1;color:var(--text-secondary);font-size:1.3rem;font-weight:300;letter-spacing:1px;margin:10px 0 0;opacity:.9}.catalog-stats{display:flex;gap:40px}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11151b;background:var(--surface);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--card-radius);padding:20px;text-align:center}.stat .number{color:#32c1ed;color:var(--accent-color);display:block;font-size:2.5rem;font-weight:700;line-height:1}.stat .label{color:#a8b2c1;color:var(--text-secondary);display:block;font-size:.9rem;letter-spacing:1px;margin-top:5px;opacity:.8;text-transform:uppercase}.access-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffb020;background:var(--warning-color);border-radius:25px;color:#0b0d11;color:var(--bg-color);font-size:.9rem;font-weight:600;padding:10px 20px;position:absolute;right:40px;top:20px}.catalog-controls{background:#11151b;background:var(--surface);border-bottom:2px solid #32c1ed;border-bottom:2px solid var(--accent-color);box-shadow:0 4px 24px #0006;box-shadow:var(--card-shadow);padding:30px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.primary-controls{align-items:center;display:flex;gap:30px;margin:0 auto 20px;max-width:1200px}.search-section{flex:2 1}.genre-filter,.playlist-filter,.professional-search,.sync-filter{background:#121824;background:var(--surface-2);border:1px solid #222b36;border:1px solid var(--line);border-radius:8px;color:#f5f7fb;color:var(--text-primary);font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.genre-filter:focus,.playlist-filter:focus,.professional-search:focus,.sync-filter:focus{background:#11151b;background:var(--surface);border-color:#32c1ed;border-color:var(--accent-color);box-shadow:0 0 0 3px #32c1ed1a;outline:none}.filter-section{flex:1 1}.bpm-filter-section{align-items:center;color:#f5f7fb;color:var(--text-primary);display:flex;gap:10px}.bpm-slider{-webkit-appearance:none;appearance:none;background:#222b36;background:var(--line);border-radius:3px;height:6px;outline:none;width:80px}.bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#32c1ed;background:var(--accent-color);border-radius:50%;cursor:pointer;height:18px;width:18px}.view-controls{background:#121824;background:var(--surface-2);border-radius:8px;display:flex;gap:5px;padding:5px}.view-btn{background:#0000;border:none;border-radius:6px;color:#f5f7fb;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 15px;transition:all .3s ease}.view-btn.active{background:#32c1ed;background:var(--accent-color);color:#0b0d11;color:var(--bg-color)}.access-controls{display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:1200px}.access-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.access-btn.short{background:#1db954;background:var(--success-color);color:#f5f7fb;color:var(--text-primary)}.access-btn.extended{background:#32c1ed;background:var(--accent-color);color:#0b0d11;color:var(--bg-color)}.access-btn:hover{box-shadow:0 4px 24px #0006;box-shadow:var(--card-shadow);transform:translateY(-2px)}.catalog-grid,.tracks-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.tracks-container.list .professional-track-card{align-items:center;display:flex;margin-bottom:20px}.catalog-card,.professional-track-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 12px 20px #00000014;color:#111;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.catalog-card:hover,.professional-track-card:hover{box-shadow:0 14px 30px #00000026;transform:scale(1.015)}.track-primary{display:flex;gap:1rem}.track-visual{flex-shrink:0;position:relative}.track-artwork-placeholder{align-items:center;background:#e5e7eb;border-radius:8px;color:#333;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;width:80px}.play-overlay{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.track-visual:hover .play-overlay{opacity:1}.professional-play-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#32c1ede6;border:none;border-radius:50%;color:#f5f7fb;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.professional-play-btn:hover{background:#32c1ed;background:var(--accent-color);transform:scale(1.1)}.professional-play-btn.playing{animation:pulse 2s infinite;background:#ff5d5d;background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff5d5db3}70%{box-shadow:0 0 0 15px #ff5d5d00}to{box-shadow:0 0 0 0 #ff5d5d00}}.track-metadata{flex:1 1}.track-title{color:#111;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;text-transform:uppercase}.track-playlist{color:#444;font-size:1rem;font-weight:500;margin:0 0 .5rem}.track-specs-professional{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.bpm-badge,.duration-badge,.genre-badge,.key-badge,.tag{background-color:#f0f0ff;border-radius:999px;color:#333;display:inline-block;font-size:.8rem;font-weight:500;margin:.2rem;padding:.25rem .75rem}.bpm-badge,.tag.bpm{background-color:#e0f7fa}.genre-badge,.tag.mood{background-color:#fce4ec}.librosa-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dance-badge,.energy-badge,.valence-badge{background-color:#f0f0ff;border-radius:999px;color:#333;display:inline-block;font-size:.8rem;font-weight:500;margin:.2rem .2rem .2rem 0;padding:.25rem .75rem;white-space:nowrap}.energy-badge{background-color:#ffe0e0}.dance-badge{background-color:#e0f7fa}.valence-badge{background-color:#fff4e5}.sync-category{margin-top:8px}.sync-badge{background-color:#e0f0ff;border-radius:999px;color:#333;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.lyrics-preview{color:#444;font-family:Courier New,monospace;font-style:italic;margin:1rem 0}.play-button{background-color:#1db954;border-radius:999px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.25rem;text-align:center;transition:background-color .3s ease}.play-button:hover{background-color:#17a34a}@media (max-width:768px){.catalog-grid,.tracks-container{grid-template-columns:1fr;padding:1rem}}.track-actions-professional{display:flex;flex-wrap:wrap;gap:10px;padding:0 25px 25px}.action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .3s ease}.action-btn.primary{background:#32c1ed;background:var(--accent-color);color:#0b0d11;color:var(--bg-color)}.action-btn.secondary{background:#1db954;background:var(--success-color);color:#f5f7fb;color:var(--text-primary)}.action-btn.tertiary{background:#121824;background:var(--surface-2);border:1px solid #222b36;border:1px solid var(--line);color:#f5f7fb;color:var(--text-primary)}.action-btn:hover{opacity:.9;transform:translateY(-2px)}.track-details-professional{background:#121824;background:var(--surface-2);border-top:1px solid #222b36;border-top:1px solid var(--line);padding:25px}.details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.detail-section h4{color:#f5f7fb;color:var(--text-primary);font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.detail-items{grid-gap:10px;display:grid;gap:10px}.detail-item{grid-gap:10px;border-bottom:1px solid #222b36;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:1fr 2fr;padding:8px 0}.detail-item .label{color:#a8b2c1;color:var(--text-secondary);font-weight:600}.detail-item .value{color:#f5f7fb;color:var(--text-primary)}.themes-professional{display:flex;flex-wrap:wrap;gap:8px}.theme-professional{background:#32c1ed;background:var(--accent-color);border-radius:15px;color:#0b0d11;color:var(--bg-color);font-size:.8rem;font-weight:600;padding:6px 12px}.assets-professional{grid-gap:8px;display:grid;gap:8px}.asset-item{color:#1db954;color:var(--success-color);font-weight:600}.licensing-cta{border-top:2px solid #222b36;border-top:2px solid var(--line);padding-top:20px;text-align:center}.cta-btn{background:linear-gradient(135deg,#32c1ed,#1db954);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-2) 100%);border:none;border-radius:50px;color:#f5f7fb;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.cta-btn:hover{box-shadow:0 4px 24px #0006;box-shadow:var(--card-shadow);transform:translateY(-3px)}.loading-container{align-items:center;color:#f5f7fb;color:var(--text-primary);display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #222b36;border-top:3px solid #32c1ed;border:3px solid var(--line);border-radius:50%;border-top-color:var(--accent-color);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-results-professional{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11151b;background:var(--surface);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--card-radius);color:#f5f7fb;color:var(--text-primary);padding:80px 40px;text-align:center}.catalog-footer-professional{background:linear-gradient(135deg,#11151b,#121824);background:linear-gradient(135deg,var(--surface) 0,var(--surface-2) 100%);border-top:2px solid #32c1ed;border-top:2px solid var(--accent-color);color:#f5f7fb;color:var(--text-primary);margin-top:50px;padding:50px 40px 30px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.footer-content h3{color:#32c1ed;color:var(--accent-color);font-size:1.3rem;font-weight:700;margin-bottom:20px}.footer-content p{margin:8px 0;opacity:.9}.footer-bottom,.footer-content p{color:#a8b2c1;color:var(--text-secondary)}.footer-bottom{border-top:1px solid #222b36;border-top:1px solid var(--line);margin:30px auto 0;max-width:1200px;opacity:.7;padding-top:30px;text-align:center}.professional-header{background:#11151b;background:var(--surface);border:1px solid #32c1ed;border:1px solid var(--accent);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 4px 24px #0006;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:1.5rem 0;text-align:center}.professional-header h1{color:#32c1ed;color:var(--accent-color);font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.professional-header p{color:#a8b2c1;color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.professional-grid-2{grid-gap:1rem;grid-gap:var(--grid-gap);grid-template-columns:repeat(2,1fr)}.professional-grid-2,.professional-grid-3{display:grid;gap:1rem;gap:var(--grid-gap);margin-bottom:1.5rem}.professional-grid-3{grid-gap:1rem;grid-gap:var(--grid-gap);grid-template-columns:repeat(3,1fr)}.professional-grid-4{grid-gap:1rem;grid-gap:var(--grid-gap);grid-template-columns:repeat(4,1fr)}.professional-grid-4,.professional-grid-auto{display:grid;gap:1rem;gap:var(--grid-gap);margin-bottom:1.5rem}.professional-grid-auto{grid-gap:1rem;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.professional-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11151b;background:var(--card-bg);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 4px 24px #0006;box-shadow:var(--card-shadow);overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.professional-card:hover{border-color:#32c1ed;border-color:var(--accent-color);box-shadow:0 8px 32px #00000080;transform:translateY(-2px)}.professional-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.professional-card-title{color:#f5f7fb;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.professional-card-subtitle{color:#a8b2c1;color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.professional-card-content{color:#a8b2c1;color:var(--text-secondary);line-height:1.6}.professional-stats{display:flex;gap:1rem;margin:1rem 0}.professional-stat{background:#ffffff0d;border:1px solid #222b36;border:1px solid var(--line);border-radius:8px;flex:1 1;padding:.75rem;text-align:center}.professional-stat-value{color:#32c1ed;color:var(--accent-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.professional-stat-label{color:#a8b2c1;color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.professional-metric{padding:1.5rem;text-align:center}.professional-metric-value{color:#32c1ed;color:var(--accent-color);font-size:3rem;font-weight:800;line-height:1;margin:0 0 .5rem}.professional-metric-label{color:#a8b2c1;color:var(--text-secondary);font-size:.9rem;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.professional-metric-change{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;margin:.5rem 0 0}.professional-metric-change.positive{color:#1db954;color:var(--success-color)}.professional-metric-change.negative{color:#ff5d5d;color:var(--error-color)}.professional-list{list-style:none;margin:0;padding:0}.professional-list-item{align-items:center;border-bottom:1px solid #222b36;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:.75rem 0}.professional-list-item:last-child{border-bottom:none}.professional-list-item-content{flex:1 1}.professional-list-item-title{color:#f5f7fb;color:var(--text-primary);font-weight:600;margin:0 0 .25rem}.professional-list-item-meta{color:#a8b2c1;color:var(--text-secondary);font-size:.85rem;margin:0}.professional-list-item-value{color:#32c1ed;color:var(--accent-color);font-weight:600}.professional-list-item-value.positive{color:#1db954;color:var(--success-color)}.professional-list-item-value.warning{color:#ffb020;color:var(--warning-color)}.professional-button{background:#32c1ed;background:var(--accent-color);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-block;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans);font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.professional-button:hover{background:#1db954;background:var(--accent-2);box-shadow:0 4px 12px #32c1ed4d;transform:translateY(-1px)}.professional-button-secondary{background:#121824;background:var(--surface-2);border:1px solid #222b36;border:1px solid var(--line);color:#f5f7fb;color:var(--text-primary)}.professional-button-secondary:hover{background:#11151b;background:var(--surface);border-color:#32c1ed;border-color:var(--accent)}.professional-loading{color:#a8b2c1;color:var(--text-secondary)}.professional-error,.professional-loading{align-items:center;display:flex;font-size:1.1rem;justify-content:center;padding:4rem}.professional-error{color:#ff5d5d;color:var(--error-color);text-align:center}.dashboard-container{background:#0b0d11;background:var(--bg-color);color:#f5f7fb;color:var(--text);font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans);margin:0 auto;max-width:1400px;padding:24px;padding:var(--space-6)}.dashboard-header{align-items:center;background:#11151b;background:var(--surface);border:1px solid #222b36;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 20px #00000040;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding:32px;padding:var(--space-8)}.dashboard-header h1{color:#f5f7fb;color:var(--text);font-size:2rem;margin:0}.user-controls{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.spotify-btn{background:#1db954;background:var(--accent-2);border:none;border-radius:25px;color:#08130f;cursor:pointer;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-sans);font-weight:600;padding:12px 24px;transition:all .3s ease}.spotify-btn:hover{background:#1ed760;transform:translateY(-2px)}.spotify-status{color:#1db954;color:var(--accent-2);font-weight:600}.analytics-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.marketing-panel,.portfolio-card,.recommendations-card,.spotify-card,.trends-card{background:#11151b;background:var(--surface);border:1px solid #222b36;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 20px #00000040;box-shadow:var(--shadow);padding:24px;padding:var(--space-6);transition:transform .3s ease}.marketing-panel:hover,.portfolio-card:hover,.recommendations-card:hover,.spotify-card:hover,.trends-card:hover{transform:translateY(-5px)}.portfolio-card h2,.recommendations-card h2,.spotify-card h2,.trends-card h2{color:#f5f7fb;color:var(--text);font-size:1.5rem;margin-bottom:20px;margin-bottom:var(--space-5)}.portfolio-summary{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--space-6)}.metric-card{background:#121824;background:var(--surface-2);border:1px solid #222b36;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);padding:16px;padding:var(--space-4);text-align:center}.metric-card .value{color:#32c1ed;color:var(--accent);font-size:1.8rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2)}.metric-card .label{color:#a8b2c1;color:var(--muted);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width:1200px){.professional-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:root{--grid-padding:1rem;--grid-gap:1rem}.professional-grid-2,.professional-grid-3,.professional-grid-4{grid-template-columns:1fr}.professional-header h1{font-size:2rem}.professional-metric-value{font-size:2.5rem}.professional-card{padding:1rem}.dashboard-header{flex-direction:column;gap:16px;gap:var(--space-4);text-align:center}.analytics-grid{grid-template-columns:1fr}.portfolio-summary{grid-template-columns:repeat(2,1fr)}.catalog-hero{padding:40px 20px}.hero-content{flex-direction:column;gap:30px;text-align:center}.artist-brand h1{font-size:2.5rem}.catalog-stats{gap:20px}.primary-controls{flex-direction:column;gap:15px}.tracks-container.grid{grid-template-columns:1fr}.track-primary{gap:15px}.track-actions-professional,.track-primary{flex-direction:column}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.professional-header h1{font-size:1.8rem}.professional-metric-value{font-size:2rem}.professional-stats{flex-direction:column;gap:1rem}.professional-stat{width:100%}.portfolio-summary{grid-template-columns:1fr}.artist-brand h1{font-size:2rem}.catalog-controls,.tracks-container{padding:20px}.track-specs-professional{justify-content:center}.access-controls{flex-direction:column;gap:10px}}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;padding:0}:focus{outline:2px solid #32c1ed;outline:2px solid var(--accent-color,#32c1ed);outline-offset:2px}img{height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font:inherit;outline:inherit;padding:0}video{height:auto;max-width:100%}
/*# sourceMappingURL=main.d4dbe62f.css.map*/