#root{min-height:100vh;width:100vw;margin:0;padding:0;display:flex;flex-direction:column}:root{--spotify-green: #1db954;--spotify-green-hover: #1ed760;--spotify-green-dark: #169c46;--spotify-black: #000000;--spotify-dark-gray: #121212;--spotify-medium-gray: #1a1a1a;--spotify-light-gray: #282828;--spotify-lighter-gray: #3e3e3e;--spotify-text-gray: #b3b3b3;--spotify-white: #ffffff;--spotify-blue: #0070f3;--spotify-purple: #8b5cf6;--spotify-orange: #ff6b35;--spotify-pink: #f59e0b;--gradient-primary: linear-gradient( 135deg, var(--spotify-green) 0%, var(--spotify-blue) 100% );--gradient-dark: linear-gradient( 135deg, var(--spotify-dark-gray) 0%, var(--spotify-black) 100% );--gradient-card: linear-gradient( 135deg, var(--spotify-medium-gray) 0%, var(--spotify-light-gray) 100% );--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-green: 0 4px 20px rgba(29, 185, 84, .3);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}*{box-sizing:border-box}body{background:var(--gradient-dark)!important;color:var(--spotify-white)!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--spotify-medium-gray)}::-webkit-scrollbar-thumb{background:var(--spotify-lighter-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--spotify-text-gray)}.text-spotify-green{color:var(--spotify-green)!important}.bg-spotify-dark{background-color:var(--spotify-dark-gray)!important}.bg-spotify-medium{background-color:var(--spotify-medium-gray)!important}.bg-spotify-light{background-color:var(--spotify-light-gray)!important}.bg-gradient-primary{background:var(--gradient-primary)!important}.bg-gradient-card{background:var(--gradient-card)!important}.border-spotify{border-color:var(--spotify-lighter-gray)!important}.shadow-spotify{box-shadow:var(--shadow-md)!important}.shadow-spotify-green{box-shadow:var(--shadow-green)!important}.rounded-spotify{border-radius:var(--border-radius-md)!important}.transition-smooth{transition:all var(--transition-medium)!important}.btn-success{background:var(--spotify-green)!important;border-color:var(--spotify-green)!important;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-success:hover{background:var(--spotify-green-hover)!important;border-color:var(--spotify-green-hover)!important;box-shadow:var(--shadow-green);transform:translateY(-1px)}.btn-outline-light{border-color:var(--spotify-lighter-gray)!important;color:var(--spotify-white)!important;transition:all var(--transition-fast)}.btn-outline-light:hover{background-color:var(--spotify-light-gray)!important;border-color:var(--spotify-green)!important;color:var(--spotify-white)!important;box-shadow:var(--shadow-sm)}.form-select.bg-dark{background-color:var(--spotify-medium-gray)!important;border-color:var(--spotify-lighter-gray)!important;color:var(--spotify-white)!important}.form-select.bg-dark:focus{border-color:var(--spotify-green)!important;box-shadow:0 0 0 .2rem #1db95440!important}.alert-danger{background-color:#dc35451a!important;border-color:#dc35454d!important;color:#ff6b6b!important}.fade-in-up{animation:fadeInUp .6s ease-out}.pulse-hover:hover{animation:pulse .3s ease-in-out}@media (max-width: 768px){.container-fluid{padding-left:1rem;padding-right:1rem}}.spotify-heading{font-weight:900;letter-spacing:-.025em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spotify-subheading{font-weight:700;color:var(--spotify-white);letter-spacing:-.01em}.spotify-body{font-weight:400;color:var(--spotify-text-gray);line-height:1.6}.spotify-caption{font-size:.875rem;font-weight:500;color:var(--spotify-text-gray);text-transform:uppercase;letter-spacing:.05em}.btn-spotify-primary{background:var(--spotify-green);border:none;color:var(--spotify-black);font-weight:700;padding:.75rem 2rem;border-radius:var(--border-radius-xl);transition:all var(--transition-fast);text-transform:none;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.btn-spotify-primary:hover{background:var(--spotify-green-hover);color:var(--spotify-black);transform:translateY(-2px);box-shadow:var(--shadow-green)}.btn-spotify-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-spotify-secondary{background:transparent;border:2px solid var(--spotify-lighter-gray);color:var(--spotify-white);font-weight:600;padding:.75rem 2rem;border-radius:var(--border-radius-xl);transition:all var(--transition-fast)}.btn-spotify-secondary:hover{border-color:var(--spotify-green);color:var(--spotify-green);background:#1db9541a;transform:translateY(-1px)}.btn-spotify-ghost{background:transparent;border:none;color:var(--spotify-text-gray);font-weight:600;padding:.5rem 1rem;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.btn-spotify-ghost:hover{color:var(--spotify-white);background:var(--spotify-light-gray)}.spotify-card{background:var(--gradient-card);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid var(--spotify-lighter-gray);transition:all var(--transition-medium);position:relative;overflow:hidden}.spotify-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.spotify-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--spotify-green)}.spotify-card:hover:before{opacity:1}.spotify-card-compact{background:var(--spotify-medium-gray);border-radius:var(--border-radius-md);padding:1rem;border:1px solid var(--spotify-lighter-gray);transition:all var(--transition-fast)}.spotify-card-compact:hover{background:var(--spotify-light-gray);border-color:var(--spotify-green)}.spotify-list{list-style:none;padding:0;margin:0}.spotify-list-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);border:1px solid transparent}.spotify-list-item:hover{background:var(--spotify-light-gray);border-color:var(--spotify-lighter-gray)}.spotify-list-item-active{background:#1db95426;border-color:var(--spotify-green)}.spotify-input{background:var(--spotify-medium-gray);border:2px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-md);padding:.75rem 1rem;color:var(--spotify-white);font-size:1rem;transition:all var(--transition-fast);width:100%}.spotify-input:focus{outline:none;border-color:var(--spotify-green);box-shadow:0 0 0 3px #1db95426;background:var(--spotify-light-gray)}.spotify-input::placeholder{color:var(--spotify-text-gray)}.spotify-select{background:var(--spotify-medium-gray);border:2px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-md);padding:.75rem 1rem;color:var(--spotify-white);font-size:1rem;transition:all var(--transition-fast);width:100%;cursor:pointer}.spotify-select:focus{outline:none;border-color:var(--spotify-green);box-shadow:0 0 0 3px #1db95426}.spotify-progress{width:100%;height:6px;background:var(--spotify-light-gray);border-radius:3px;overflow:hidden}.spotify-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width var(--transition-medium)}.spotify-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--spotify-green);color:var(--spotify-black);font-size:.75rem;font-weight:700;border-radius:var(--border-radius-xl);text-transform:uppercase;letter-spacing:.05em}.spotify-badge-secondary{background:var(--spotify-light-gray);color:var(--spotify-white);border:1px solid var(--spotify-lighter-gray)}.spotify-badge-outline{background:transparent;color:var(--spotify-green);border:1px solid var(--spotify-green)}.spotify-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--spotify-lighter-gray) 50%,transparent 100%);margin:2rem 0}.spotify-skeleton{background:linear-gradient(90deg,var(--spotify-medium-gray) 0%,var(--spotify-light-gray) 50%,var(--spotify-medium-gray) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spotify-pulse{animation:spotify-pulse 2s ease-in-out infinite}@keyframes spotify-pulse{0%,to{opacity:1}50%{opacity:.5}}.spotify-tooltip{position:relative;cursor:pointer}.spotify-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--spotify-black);color:var(--spotify-white);padding:.5rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000}.spotify-tooltip:hover:after{opacity:1;visibility:visible}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;margin:0;padding:0}body{height:100%;width:100%;margin:0!important;padding:0!important;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.auth-card{background:var(--gradient-card);border-radius:var(--border-radius-xl);padding:3rem 2rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--spotify-lighter-gray);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.auth-logo{width:80px;height:80px;margin:0 auto 2rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--spotify-black);animation:pulse 2s ease-in-out infinite}.auth-title{font-size:2.5rem;font-weight:900;color:var(--spotify-white);margin-bottom:1rem;letter-spacing:-.02em}.auth-subtitle{font-size:1.1rem;color:var(--spotify-text-gray);margin-bottom:2.5rem;line-height:1.6}.spotify-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--spotify-green);color:var(--spotify-black);font-weight:700;font-size:1.1rem;padding:1rem 2.5rem;border:none;border-radius:var(--border-radius-xl);text-decoration:none;transition:all var(--transition-medium);position:relative;overflow:hidden;min-width:250px;box-shadow:var(--shadow-md)}.spotify-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.spotify-login-btn:hover{background:var(--spotify-green-hover);color:var(--spotify-black);transform:translateY(-3px);box-shadow:var(--shadow-green);text-decoration:none}.spotify-login-btn:hover:before{left:100%}.spotify-login-btn:active{transform:translateY(-1px)}.spotify-login-icon{width:24px;height:24px;fill:currentColor}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.auth-loading-spinner{width:50px;height:50px;border:4px solid var(--spotify-light-gray);border-top:4px solid var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite}.auth-loading-text{color:var(--spotify-text-gray);font-size:1rem;font-weight:500}.auth-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--border-radius-md);padding:1rem 1.5rem;margin-top:1.5rem;color:#ff6b6b;font-weight:500}.auth-error-title{font-weight:700;margin-bottom:.5rem}.auth-info{margin-top:2rem;padding:1.5rem;background:var(--spotify-medium-gray);border-radius:var(--border-radius-md);border-left:4px solid var(--spotify-green)}.auth-info-title{color:var(--spotify-white);font-weight:600;margin-bottom:.5rem;font-size:1rem}.auth-info-text{color:var(--spotify-text-gray);font-size:.9rem;line-height:1.5}.auth-info ul{margin:.5rem 0 0 1rem;padding:0}.auth-info li{color:var(--spotify-text-gray);font-size:.9rem;margin-bottom:.25rem}.connection-status{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;border-radius:var(--border-radius-md);font-weight:500;font-size:.9rem}.connection-status.connected{background:#1db9541a;color:var(--spotify-green);border:1px solid rgba(29,185,84,.3)}.connection-status.disconnected{background:#dc35451a;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}.connection-status.connecting{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.connection-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-indicator.pulse{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.auth-container{padding:1rem;min-height:60vh}.auth-card{padding:2rem 1.5rem;margin:0 1rem}.auth-title{font-size:2rem}.auth-subtitle{font-size:1rem}.spotify-login-btn{padding:.875rem 2rem;font-size:1rem;min-width:220px}}@media (max-width: 480px){.auth-card{padding:1.5rem 1rem}.auth-logo{width:60px;height:60px;font-size:1.5rem}.auth-title{font-size:1.75rem}.spotify-login-btn{width:100%;min-width:auto}}.auth-slide-in{animation:slideInFromBottom .8s ease-out}@keyframes slideInFromBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.main-navbar{background:var(--spotify-dark-gray)!important;border-bottom:1px solid var(--spotify-lighter-gray);box-shadow:var(--shadow-md);padding:1rem 0}.navbar-brand{font-size:1.5rem;font-weight:800;color:var(--spotify-white)!important;text-decoration:none;display:flex;align-items:center;gap:.5rem}.navbar-brand:hover{color:var(--spotify-green)!important}.navbar-nav .nav-link{color:var(--spotify-text-gray)!important;font-weight:500;padding:.75rem 1rem!important;border-radius:var(--border-radius-md);transition:all var(--transition-fast);margin:0 .25rem}.navbar-nav .nav-link:hover{color:var(--spotify-white)!important;background-color:var(--spotify-medium-gray)}.navbar-nav .nav-link.active{color:var(--spotify-green)!important;background-color:#1db9541a;font-weight:600}.user-menu{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;color:var(--spotify-white)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.logout-btn{background:transparent!important;border:1px solid var(--spotify-lighter-gray)!important;color:var(--spotify-text-gray)!important;padding:.5rem 1rem!important;border-radius:var(--border-radius-md)!important;font-size:.9rem!important;transition:all var(--transition-fast)!important}.logout-btn:hover{border-color:#dc3545!important;color:#ff6b6b!important;background-color:#dc35451a!important}@media (max-width: 768px){.main-navbar{padding:.75rem 0}.navbar-brand{font-size:1.3rem}.navbar-nav{padding-top:1rem}.navbar-nav .nav-link{padding:.5rem 0!important;margin:.25rem 0}.user-menu{flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--spotify-lighter-gray);margin-top:1rem}.login-card{padding:2rem;margin:1rem}.login-title{font-size:1.7rem}.login-subtitle{font-size:1rem}.footer-links{flex-direction:column;gap:1rem}}.nav-loading{display:inline-block;width:16px;height:16px;border:2px solid var(--spotify-lighter-gray);border-top:2px solid var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-navbar{animation:slideInFromTop .5s ease-out}.login-card{animation:fadeInUp .8s ease-out}:root{--stats-primary: #1DB954;--stats-secondary: #1ED760;--stats-tertiary: #1AAE4F;--stats-card-bg: #1e1e1e;--stats-border: #404040;--stats-text: #ffffff;--stats-muted: #b3b3b3;--stats-shadow: 0 4px 12px rgba(0, 0, 0, .3);--stats-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5)}.stats-cards{display:flex;flex-direction:column;gap:1rem}.stats-card{background:linear-gradient(135deg,var(--stats-card-bg) 0%,#2a2a2a 100%);border:1px solid var(--stats-border);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--stats-primary),var(--stats-secondary));opacity:0;transition:opacity .3s ease}.stats-card:hover:before{opacity:1}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--stats-shadow-hover);border-color:var(--stats-primary)}.stats-image-container{position:relative;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,var(--stats-primary),var(--stats-secondary));display:flex;align-items:center;justify-content:center}.stats-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stats-card:hover .stats-image{transform:scale(1.05)}.stats-overlay{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-action-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(29,185,84,.3);background:#1db9541a;color:var(--stats-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.stats-action-btn:hover{background:var(--stats-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #1db95466}.stats-info h6{font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:.25rem;color:var(--stats-text)}.stats-info .subtitle{color:var(--stats-muted);font-size:.875rem;margin-bottom:.125rem}.stats-info .extra-info{color:var(--stats-muted);font-size:.75rem;opacity:.8}.stats-badge{background:#1db95426!important;color:var(--stats-primary)!important;border:1px solid rgba(29,185,84,.3);font-weight:600;padding:.5rem 1rem;border-radius:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-card{animation:fadeInUp .6s ease-out}.stats-card:nth-child(1){animation-delay:.1s}.stats-card:nth-child(2){animation-delay:.2s}.stats-card:nth-child(3){animation-delay:.3s}@media (max-width: 768px){.stats-cards{gap:.75rem}.stats-card{padding:1rem}.stats-image-container{width:60px!important;height:60px!important}.stats-info h6{font-size:.9rem}.stats-info .subtitle{font-size:.8rem}.stats-action-btn{width:35px;height:35px}}.stats-card{will-change:transform}.stats-card:hover{transform:translateY(-2px) scale(1.01)}.stats-track-gradient{background:linear-gradient(135deg,#1db954,#1ed760)}.stats-artist-gradient{background:linear-gradient(135deg,#1ed760,#1aae4f)}.stats-album-gradient{background:linear-gradient(135deg,#1aae4f,#17a047)}.card{background:var(--gradient-card);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-medium);overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-medium)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--spotify-green)}.card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--spotify-lighter-gray);background:#ffffff05}.card-title{font-size:1.25rem;font-weight:700;color:var(--spotify-white);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.card-subtitle{font-size:.9rem;color:var(--spotify-text-gray);margin:0;font-weight:400}.card-body{padding:1.5rem}.card-text{color:var(--spotify-text-gray);line-height:1.6;margin-bottom:1rem}.card-text:last-child{margin-bottom:0}.card-footer{padding:1rem 1.5rem;background:#0003;border-top:1px solid var(--spotify-lighter-gray);display:flex;justify-content:space-between;align-items:center}.stats-card{background:var(--gradient-card);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;transition:all var(--transition-medium);position:relative;overflow:hidden}.stats-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-medium)}.stats-card:hover:after{transform:scaleX(1)}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--spotify-green)}.stats-card-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--spotify-green);display:flex;align-items:center;justify-content:center;background:#1db9541a;border-radius:50%}.stats-card-number{font-size:2.5rem;font-weight:800;color:var(--spotify-green);margin-bottom:.5rem;display:block}.stats-card-label{font-size:.9rem;color:var(--spotify-text-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-card-description{font-size:.8rem;color:var(--spotify-text-gray);margin-top:.5rem;opacity:.8}.artist-card{background:var(--gradient-card);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-medium);cursor:pointer;position:relative;overflow:hidden}.artist-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,185,84,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-medium)}.artist-card:hover:before{opacity:1}.artist-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--spotify-green)}.artist-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.artist-avatar{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--spotify-white);font-size:1.25rem;border:2px solid var(--spotify-green)}.artist-info h4{color:var(--spotify-white);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.artist-info p{color:var(--spotify-text-gray);margin:0;font-size:.9rem}.artist-stats{display:flex;justify-content:space-between;gap:1rem}.artist-stat{text-align:center;flex:1}.artist-stat-number{font-size:1.2rem;font-weight:700;color:var(--spotify-green);display:block}.artist-stat-label{font-size:.8rem;color:var(--spotify-text-gray);text-transform:uppercase;letter-spacing:.5px}.track-card{background:var(--gradient-card);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-md);padding:1rem;transition:all var(--transition-medium);cursor:pointer;margin-bottom:.75rem}.track-card:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--spotify-green);background:linear-gradient(135deg,var(--spotify-medium-gray) 0%,var(--spotify-light-gray) 100%)}.track-card:last-child{margin-bottom:0}.track-info{display:flex;align-items:center;gap:1rem}.track-number{width:24px;height:24px;background:var(--spotify-green);color:var(--spotify-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.track-details{flex:1;min-width:0}.track-name{color:var(--spotify-white);font-weight:600;margin:0 0 .25rem;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--spotify-text-gray);margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--spotify-text-gray);font-size:.9rem;font-weight:500;flex-shrink:0}.album-card{background:var(--gradient-card);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-medium);cursor:pointer;height:100%;display:flex;flex-direction:column}.album-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--spotify-green)}.album-cover{width:100%;height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--spotify-white);font-size:3rem;font-weight:700;position:relative;overflow:hidden}.album-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.3) 0%,transparent 50%)}.album-details{padding:1.5rem;flex:1;display:flex;flex-direction:column}.album-name{color:var(--spotify-white);font-weight:700;margin:0 0 .5rem;font-size:1.1rem;line-height:1.3}.album-artist{color:var(--spotify-text-gray);margin:0 0 1rem;font-size:.9rem}.album-stats{margin-top:auto;display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--spotify-lighter-gray)}.album-stat{text-align:center;flex:1}.album-stat-number{font-size:1.1rem;font-weight:700;color:var(--spotify-green);display:block}.album-stat-label{font-size:.75rem;color:var(--spotify-text-gray);text-transform:uppercase;letter-spacing:.5px}.card-loading{background:var(--spotify-medium-gray);border:1px solid var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);padding:3rem;text-align:center;color:var(--spotify-text-gray)}.card-loading-spinner{width:40px;height:40px;border:4px solid var(--spotify-lighter-gray);border-top:4px solid var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-empty{background:var(--spotify-medium-gray);border:2px dashed var(--spotify-lighter-gray);border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;color:var(--spotify-text-gray)}.card-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.card-empty-title{font-size:1.2rem;color:var(--spotify-white);margin-bottom:.5rem}.card-empty-description{font-size:.9rem;opacity:.8}.cards-grid{display:grid;gap:1.5rem}.cards-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cards-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cards-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cards-list{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 768px){.card-header,.card-body,.card-footer{padding:1rem}.stats-card{padding:1.5rem}.stats-card-number{font-size:2rem}.artist-card{padding:1rem}.artist-avatar{width:50px;height:50px;font-size:1rem}.album-cover{height:150px;font-size:2rem}.album-details{padding:1rem}.cards-grid-2,.cards-grid-3,.cards-grid-4{grid-template-columns:1fr}.track-card{padding:.75rem}.track-info{gap:.75rem}}@media (max-width: 480px){.card-header,.card-body,.card-footer{padding:.75rem}.stats-card{padding:1rem}.stats-card-number{font-size:1.8rem}.artist-card-header{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.artist-stats{justify-content:center;gap:2rem}.album-cover{height:120px;font-size:1.5rem}.track-info{gap:.5rem}.track-number{width:20px;height:20px;font-size:.7rem}}footer.bg-secondary{background:linear-gradient(135deg,#121212,#1a1a1a,#2a2a2a)!important;position:relative;overflow:hidden;border-top:2px solid #1db954!important}footer.bg-secondary:before{content:"";position:absolute;inset:0;background:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}footer.bg-secondary .container{position:relative;z-index:2}footer.bg-secondary p{color:#b3b3b3!important}footer.bg-secondary strong{color:#1db954!important;font-size:1.2rem}footer.bg-secondary small{color:#b3b3b3!important}footer.bg-secondary .text-muted{color:#b3b3b3!important}footer.bg-secondary .text-blue{color:#1db954!important;font-weight:600;transition:all .3s ease}footer.bg-secondary .text-blue:hover{color:#1ed760!important;text-decoration:none!important}footer.bg-secondary .text-success{color:#1db954!important;font-weight:600;transition:all .3s ease}footer.bg-secondary .text-success:hover{color:#1ed760!important;text-decoration:none!important}footer.bg-secondary hr{border-color:#1db954!important;opacity:.7;height:2px}footer.bg-secondary .gap-3 small{padding:.5rem 1rem;border-radius:20px;background:#1db9541a;border:1px solid rgba(29,185,84,.2);transition:all .3s ease}footer.bg-secondary .gap-3 small:hover{background:#1db95433;border-color:#1db95466;transform:translateY(-2px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}footer.bg-secondary strong{animation:pulse 3s infinite}footer.bg-secondary:after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(29,185,84,.1) 0%,transparent 70%);border-radius:50%;z-index:1;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(-10px) rotate(240deg)}}@media (max-width: 768px){footer.bg-secondary .gap-3{flex-direction:column!important;gap:1rem!important}footer.bg-secondary .gap-3 small{text-align:center}}.app{min-height:100vh;background:var(--gradient-dark);color:var(--spotify-white);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(29,185,84,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,112,243,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;padding:2rem 0;background:transparent;position:relative}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem;position:relative}.glass-effect{background:#121212cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.page-transition{animation:fadeInUp .8s cubic-bezier(.23,1,.32,1)}.section-spacing{margin-bottom:3rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh;background:var(--gradient-card);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.loading-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,185,84,.1),transparent);animation:shimmer 2s infinite}.error-container{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--border-radius-lg);padding:2.5rem;text-align:center;color:#ff6b6b;margin:2rem 0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#ff8e8e,#ff6b6b);animation:errorGlow 2s ease-in-out infinite alternate}.error-container h3{color:#ff6b6b;margin-bottom:1rem;font-weight:700}.error-container .btn{margin-top:1rem;background:#dc354533;border-color:#dc354580;color:#ff6b6b;transition:all var(--transition-fast)}.error-container .btn:hover{background:#dc35454d;border-color:#ff6b6b;transform:translateY(-2px)}.dashboard-section,.stats-section,.analysis-section,.predictions-section,.social-section{background:var(--gradient-card);border-radius:var(--border-radius-lg);padding:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--spotify-lighter-gray);transition:all var(--transition-medium);position:relative;overflow:hidden}.dashboard-section:before,.stats-section:before,.analysis-section:before,.predictions-section:before,.social-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-medium)}.dashboard-section:hover,.stats-section:hover,.analysis-section:hover,.predictions-section:hover,.social-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px #1db9541a;border-color:var(--spotify-green)}.dashboard-section:hover:before,.stats-section:hover:before,.analysis-section:hover:before,.predictions-section:hover:before,.social-section:hover:before{transform:scaleX(1)}.section-title{font-size:2.25rem;font-weight:800;color:var(--spotify-white);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;position:relative}.section-title:before{content:"";width:5px;height:2.5rem;background:var(--gradient-primary);border-radius:3px;box-shadow:0 0 20px #1db95480}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:2px;background:var(--gradient-primary);border-radius:1px}.section-subtitle{font-size:1.35rem;font-weight:600;color:var(--spotify-text-gray);margin-bottom:1.5rem;position:relative;padding-left:1rem}.section-subtitle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1.5rem;background:var(--spotify-green);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem}.enhanced-card{background:var(--gradient-card);border-radius:var(--border-radius-lg);padding:2rem;border:1px solid var(--spotify-lighter-gray);transition:all var(--transition-medium);position:relative;overflow:hidden}.enhanced-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,185,84,.05) 0%,transparent 50%,rgba(0,112,243,.05) 100%);opacity:0;transition:opacity var(--transition-medium)}.enhanced-card:hover:before{opacity:1}.enhanced-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg),0 0 60px #1db95426;border-color:var(--spotify-green)}.auth-fullscreen{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--gradient-dark);padding:2rem}@media (max-width: 1200px){.content-wrapper{max-width:100%;padding:0 1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}}@media (max-width: 768px){.main-content{padding:1.5rem 0}.dashboard-section,.stats-section,.analysis-section,.predictions-section,.social-section{padding:2rem;margin-bottom:1.5rem}.section-title{font-size:1.75rem}.section-title:before{height:2rem}.stats-grid,.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.section-spacing{margin-bottom:2rem}}@media (max-width: 480px){.content-wrapper{padding:0 1rem}.dashboard-section,.stats-section,.analysis-section,.predictions-section,.social-section{padding:1.5rem;margin-bottom:1rem}.section-title{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.75rem}.section-title:before{height:3px;width:4rem}.section-title:after{width:40px}.section-subtitle{font-size:1.1rem}}.no-data-container{text-align:center;padding:4rem 2rem;background:var(--gradient-card);border-radius:var(--border-radius-lg);border:2px dashed var(--spotify-lighter-gray);position:relative;overflow:hidden}.no-data-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(29,185,84,.05) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.no-data-container h3{color:var(--spotify-text-gray);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.no-data-container p{color:var(--spotify-text-gray);font-size:1rem;line-height:1.6}.scrollable-content{max-height:400px;overflow-y:auto;padding-right:.75rem}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:var(--spotify-light-gray);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--spotify-green) 0%,var(--spotify-green-dark) 100%);border-radius:4px;box-shadow:inset 0 0 5px #0000004d}.scrollable-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--spotify-green-hover) 0%,var(--spotify-green) 100%)}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes errorGlow{0%{opacity:.5}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}