.login-form[data-v-0f82641c]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card[data-v-0f82641c]{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;text-align:center}h2[data-v-0f82641c]{color:#667eea;margin-bottom:10px;font-size:2rem}.subtitle[data-v-0f82641c]{color:#666;margin-bottom:30px}.form-group[data-v-0f82641c]{margin-bottom:20px;text-align:left}label[data-v-0f82641c]{display:block;margin-bottom:5px;font-weight:600;color:#333}input[data-v-0f82641c]{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:border-color .3s}input[data-v-0f82641c]:focus{outline:none;border-color:#667eea}.login-btn[data-v-0f82641c]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn[data-v-0f82641c]:hover:not(:disabled){transform:translateY(-2px)}.login-btn[data-v-0f82641c]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-0f82641c]{color:#e74c3c;margin-top:15px;padding:10px;background:#fdf2f2;border-radius:5px}.demo-info[data-v-0f82641c]{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px;text-align:left}.demo-info h4[data-v-0f82641c]{margin-bottom:10px;color:#333}.demo-info p[data-v-0f82641c]{margin:5px 0;font-size:14px;color:#666}.header[data-v-2ca6a486]{background:white;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.header-content[data-v-2ca6a486]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px}h1[data-v-2ca6a486]{color:#667eea;font-size:1.8rem;margin:0}.header-actions[data-v-2ca6a486]{display:flex;align-items:center;gap:20px}.add-btn[data-v-2ca6a486]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:transform .2s}.add-btn[data-v-2ca6a486]:hover{transform:translateY(-2px)}.user-info[data-v-2ca6a486]{display:flex;align-items:center;gap:10px}.username[data-v-2ca6a486]{font-weight:600;color:#333}.admin-badge[data-v-2ca6a486]{background:#e74c3c;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.logout-btn[data-v-2ca6a486]{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600;transition:background .2s}.logout-btn[data-v-2ca6a486]:hover{background:#c0392b}@media (max-width: 768px){.header-content[data-v-2ca6a486]{flex-direction:column;gap:15px}.header-actions[data-v-2ca6a486]{flex-direction:column;gap:10px}}.add-song-form[data-v-603c698c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.form-card[data-v-603c698c]{background:white;border-radius:20px;padding:30px;width:90%;max-width:500px;box-shadow:0 20px 40px #0003}.form-header[data-v-603c698c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.form-header h3[data-v-603c698c]{color:#333;margin:0;font-size:1.5rem}.close-btn[data-v-603c698c]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-603c698c]:hover{background:#f0f0f0}.form-group[data-v-603c698c]{margin-bottom:20px}label[data-v-603c698c]{display:block;margin-bottom:5px;font-weight:600;color:#333}input[data-v-603c698c]{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:border-color .3s}input[data-v-603c698c]:focus{outline:none;border-color:#667eea}.form-actions[data-v-603c698c]{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.cancel-btn[data-v-603c698c]{padding:10px 20px;border:2px solid #ddd;background:white;color:#666;border-radius:25px;cursor:pointer;font-weight:600;transition:all .2s}.cancel-btn[data-v-603c698c]:hover{border-color:#bbb;color:#333}.submit-btn[data-v-603c698c]{padding:10px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:transform .2s}.submit-btn[data-v-603c698c]:hover:not(:disabled){transform:translateY(-2px)}.submit-btn[data-v-603c698c]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-603c698c]{color:#e74c3c;margin-top:15px;padding:10px;background:#fdf2f2;border-radius:5px;text-align:center}.spotify-loading[data-v-603c698c]{color:#1db954;margin-top:8px;padding:8px;background:#f0f9f4;border-radius:5px;font-size:14px;text-align:center;animation:pulse-603c698c 1.5s infinite}.spotify-error[data-v-603c698c]{color:#e74c3c;margin-top:8px;padding:8px;background:#fdf2f2;border-radius:5px;font-size:14px;text-align:center}@keyframes pulse-603c698c{0%,to{opacity:1}50%{opacity:.6}}.spotify-info[data-v-603c698c]{background:#f0f9f4;border:1px solid #1db954;border-radius:8px;padding:15px;margin-top:15px}.spotify-field[data-v-603c698c]{margin-bottom:10px}.spotify-field[data-v-603c698c]:last-child{margin-bottom:0}.spotify-field label[data-v-603c698c]{display:block;font-weight:600;color:#1db954;margin-bottom:5px;font-size:14px}.spotify-value[data-v-603c698c]{background:white;padding:8px 12px;border-radius:5px;border:1px solid #e0e0e0;font-weight:500;color:#333}.song-card[data-v-d1cb90e2]{background:white;border-radius:15px;padding:25px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.song-card[data-v-d1cb90e2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.song-header[data-v-d1cb90e2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.song-info[data-v-d1cb90e2]{flex:1}.song-title[data-v-d1cb90e2]{color:#333;margin:0 0 5px;font-size:1.3rem}.song-artist[data-v-d1cb90e2]{color:#666;margin:0 0 10px;font-style:italic}.song-link[data-v-d1cb90e2]{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.song-link[data-v-d1cb90e2]:hover{color:#764ba2}.song-actions[data-v-d1cb90e2]{display:flex;gap:10px}.delete-btn[data-v-d1cb90e2]{background:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .2s}.delete-btn[data-v-d1cb90e2]:hover{background:#c0392b}.rating-section[data-v-d1cb90e2]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:10px}.average-rating[data-v-d1cb90e2]{margin-bottom:15px}.rating-display[data-v-d1cb90e2]{display:flex;align-items:center;gap:10px}.rating-value[data-v-d1cb90e2]{font-size:1.5rem;font-weight:700;color:#333}.stars[data-v-d1cb90e2]{display:flex;gap:2px}.star[data-v-d1cb90e2]{font-size:16px;filter:grayscale(100%);transition:filter .2s}.star.filled[data-v-d1cb90e2]{filter:grayscale(0%)}.vote-count[data-v-d1cb90e2]{color:#666;font-size:14px}.user-rating[data-v-d1cb90e2]{border-top:1px solid #e1e5e9;padding-top:15px}.rating-header[data-v-d1cb90e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rating-label[data-v-d1cb90e2]{margin:0;font-weight:600;color:#333}.current-rating[data-v-d1cb90e2]{font-weight:700;color:#667eea;font-size:14px}.no-rating[data-v-d1cb90e2]{color:#999;font-style:italic;font-size:14px}.rating-stars[data-v-d1cb90e2]{display:flex;gap:5px;align-items:center}.rating-star[data-v-d1cb90e2]{background:none;border:none;font-size:20px;cursor:pointer;filter:grayscale(100%);transition:filter .2s,transform .1s}.rating-star[data-v-d1cb90e2]:hover{transform:scale(1.1)}.rating-star.active[data-v-d1cb90e2],.rating-star.hover[data-v-d1cb90e2]{filter:grayscale(0%)}.remove-rating[data-v-d1cb90e2]{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;cursor:pointer;margin-left:10px;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.remove-rating[data-v-d1cb90e2]:hover{background:#c0392b;transform:scale(1.1)}.edit-hint[data-v-d1cb90e2],.rate-hint[data-v-d1cb90e2]{margin:8px 0 0;font-size:12px;color:#666;font-style:italic}.votes-section[data-v-d1cb90e2]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:10px}.votes-header h4[data-v-d1cb90e2]{margin:0 0 10px;color:#333;font-size:1rem}.votes-list[data-v-d1cb90e2]{display:flex;flex-direction:column;gap:8px}.vote-item[data-v-d1cb90e2]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:white;border-radius:8px;cursor:pointer;transition:background .2s}.vote-item[data-v-d1cb90e2]:hover{background:#e9ecef}.voter-name[data-v-d1cb90e2]{font-weight:600;color:#333}.vote-stars[data-v-d1cb90e2]{display:flex;gap:2px}.vote-star[data-v-d1cb90e2]{font-size:12px;filter:grayscale(100%)}.vote-star.filled[data-v-d1cb90e2]{filter:grayscale(0%)}.no-votes[data-v-d1cb90e2]{text-align:center;color:#666;font-style:italic;padding:10px}.song-meta[data-v-d1cb90e2]{border-top:1px solid #e1e5e9;padding-top:15px;display:flex;justify-content:space-between;font-size:14px;color:#666}.added-by[data-v-d1cb90e2],.added-date[data-v-d1cb90e2]{margin:0}@media (max-width: 768px){.song-header[data-v-d1cb90e2]{flex-direction:column;gap:15px}.rating-display[data-v-d1cb90e2]{flex-direction:column;align-items:flex-start;gap:5px}.song-meta[data-v-d1cb90e2]{flex-direction:column;gap:5px}}.song-list[data-v-636eaa1c]{margin-top:20px}.empty-state[data-v-636eaa1c]{text-align:center;padding:60px 20px;color:#fff}.empty-state h3[data-v-636eaa1c]{margin-bottom:10px;font-size:1.5rem}.songs-grid[data-v-636eaa1c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}@media (max-width: 768px){.songs-grid[data-v-636eaa1c]{grid-template-columns:1fr}}#app{min-height:100vh;color:#333}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.main-container{max-width:1200px;margin:0 auto;padding:20px}