.section-actions .create-playlist-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#27c7c9,#20a8aa);color:#0a0a0a;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(39,199,201,.3)}.section-actions .create-playlist-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(39,199,201,.4);color:#0a0a0a}.loading-indicator.active{display:block}.playlists-container.list-view{display:flex;flex-direction:column;gap:15px}.playlists-container.list-view .playlist-card{display:flex;align-items:center;height:100px;padding:15px}.playlists-container.list-view .card-cover{width:70px;height:70px;flex-shrink:0;margin-right:20px}.playlists-container.list-view .card-content{flex:1;padding:0}.playlists-container.list-view .card-actions{flex-shrink:0}.cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#27c7c9,#20a8aa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem}.duration-badge{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.8);color:#fff;padding:8px 14px;border-radius:20px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}.no-playlists{text-align:center;padding:80px 40px;background:rgba(39,199,201,.05);border-radius:20px;border:2px dashed rgba(39,199,201,.3);grid-column:1/-1}.no-playlists-icon{font-size:4rem;color:rgba(39,199,201,.3);margin-bottom:25px}.no-playlists h3{font-size:1.5rem;color:#fff;margin:0 0 15px;font-weight:700}.no-playlists p{color:rgba(255,255,255,.7);margin-bottom:30px;font-size:1rem;max-width:400px;margin-left:auto;margin-right:auto}.create-first-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#27c7c9,#20a8aa);color:#0a0a0a;padding:14px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(39,199,201,.3)}.create-first-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(39,199,201,.4)}.pagination-info{text-align:center;color:rgba(255,255,255,.6);font-size:.875rem;font-weight:500;margin-bottom:20px}.pagination-links{display:flex;justify-content:center}.pagination-links ul{display:flex;list-style:none;margin:0;padding:0;gap:8px}.pagination-links li{margin:0}.pagination-links a,.pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.8);text-decoration:none;font-size:.9375rem;font-weight:600;transition:all .2s ease}.pagination-links a:hover{background:#27c7c9;color:#0a0a0a;border-color:#27c7c9;transform:translateY(-2px)}.pagination-links .current{background:#27c7c9;color:#0a0a0a;border-color:#27c7c9;box-shadow:0 4px 15px rgba(39,199,201,.3)}.pagination-links .prev,.pagination-links .next{padding:0 18px;gap:6px;font-weight:500}@media (max-width:768px){.create-playlist-btn{width:100%;justify-content:center}}@media (max-width:640px){.playlists-container.list-view .playlist-card{flex-direction:column;height:auto;padding:20px}.playlists-container.list-view .card-cover{width:100%;height:200px;margin-right:0;margin-bottom:20px}}