body,html{height:100%;margin:0;padding:0}.App,body,html{background-color:#1a1a1a}.App{color:#f0f0f0;display:flex;font-family:sans-serif;min-height:100vh}.sidebar{background-color:#222;border-right:1px solid #333;padding:20px;width:250px}.sidebar-section{margin-bottom:20px}.sidebar-section h3{color:#fc0}.sidebar-section ul{list-style:none;padding:0}.sidebar-section li{border-radius:4px;color:#ccc;cursor:pointer;padding:8px 5px;transition:background-color .2s}.sidebar-nav-list{display:flex;justify-content:space-between;list-style:none;padding:0;width:100%}.sidebar-nav-list li{align-items:center;display:flex;margin-left:10px;padding:0}.sidebar-nav-list li:first-child{margin-left:0}.sidebar-section ul:not(.sidebar-nav-list) li{align-items:center;display:flex}.sidebar-section li:hover{background-color:#333}.sidebar-cover-img{border-radius:3px;height:30px;margin-right:10px;object-fit:cover;width:30px}.main-content{flex-grow:1;padding:20px}.main-content h1{color:#fc0}.song-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.song-card{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;padding:15px;position:relative;text-align:center;transform:scale(1.02);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.new-tag,.song-card{box-shadow:0 4px 8px #0000004d}.new-tag{background-color:red;border-radius:5px;color:#fff;font-size:.8em;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.song-card img{aspect-ratio:1/1;border-radius:4px;box-shadow:0 4px 8px #0006;height:auto;object-fit:cover;width:100%}.song-card:hover{transform:scale(1.05)}.song-card h2{color:#fc0;margin-bottom:5px;margin-top:10px}.song-card p{color:#ccc;margin-bottom:5px}.song-card p.clicks-text{font-weight:700;margin-top:5px}.song-actions{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:auto}@media (max-width:600px){.song-actions{flex-direction:column;gap:10px}}select{appearance:none;background-color:#333;border:1px solid #555;border-radius:4px;color:#f0f0f0;cursor:pointer;padding:8px}select:focus{border-color:#fc0;box-shadow:0 0 0 2px #ffcc0080;outline:none}select option{background-color:#333;color:#f0f0f0}select option:hover{background-color:#555;color:#fc0}a{border:1px solid #fc0;border-radius:4px;color:#fc0;font-weight:700;padding:8px 12px;text-decoration:none;transition:background-color .3s ease,color .3s ease}a:hover{background-color:#fc0;color:#1a1a1a}.login-button{background-color:initial;border:1px solid #fc0;border-radius:4px;color:#fc0;cursor:pointer;font-weight:700;padding:8px 12px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.login-button:hover{background-color:#fc0;color:#1a1a1a}.sidebar-button{background-color:initial;border:1px solid #fc0;border-radius:4px;color:#fc0;cursor:not-allowed;font-family:sans-serif;font-size:16px;font-weight:700;padding:8px 12px;text-align:left;transition:background-color .3s ease,color .3s ease;width:100%}.trend-star{color:#ccc;cursor:pointer;font-size:20px}.trend-star.trending{color:#fc0}.admin-panel,.login-container{background-color:#1a1a1a;color:#f0f0f0;padding:20px}.admin-panel h2{color:#fc0}.admin-panel button{background-color:#fc0;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;margin-left:10px;padding:8px 12px;transition:background-color .3s ease}.admin-panel button:hover{background-color:#e6b800}.logout-button{background-color:#c00!important;color:#f0f0f0!important}.logout-button:hover{background-color:#900!important}.add-song-form form{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:30px;max-width:400px;padding:20px}.add-song-form input{background-color:#333;border:1px solid #555;border-radius:4px;color:#f0f0f0;padding:10px}.add-song-form input::placeholder{color:#aaa}.song-management-list ul{list-style:none;padding:0}.song-management-list li{align-items:center;background-color:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;margin-bottom:10px;padding:10px}.song-management-list li img{border-radius:4px}.song-management-list li button{margin-left:auto}form{margin-bottom:20px}form input[type=text]{background-color:#333;border:1px solid #555;border-radius:4px;color:#f0f0f0;margin-right:10px;padding:10px}form button[type=submit]{background-color:#fc0;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}form button[type=submit]:hover{background-color:#e6b800}.highlight-scroll{animation:highlight-animation 1.5s ease-in-out}@keyframes highlight-animation{0%{transform:scale(1)}50%{box-shadow:0 6px 20px #ffcc0080;transform:scale(1.1)}to{transform:scale(1)}}.about-container{background-color:#1a1a1a;height:100vh;overflow:hidden;position:relative;width:100vw}.background-animation{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.floating-cover{animation:float 20s ease-in-out infinite;border-radius:8px;box-shadow:0 0 20px #00000080;height:150px;opacity:.3;position:absolute;width:150px}.floating-cover img{border-radius:8px;height:100%;object-fit:cover;width:100%}@keyframes float{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(15px) rotate(5deg)}50%{transform:translateY(10px) translateX(-10px) rotate(-3deg)}75%{transform:translateY(-15px) translateX(20px) rotate(4deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.about-content{align-items:center;color:#f0f0f0;display:flex;font-family:sans-serif;height:100%;justify-content:center;position:relative;z-index:2}.about-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a2a2ad9;border:1px solid #333;border-radius:12px;max-width:800px;padding:40px;text-align:center}.about-box h1{color:#fc0;margin-bottom:20px}.about-box p{font-size:1.1rem;line-height:1.6;margin-bottom:15px}.about-box form{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px;width:100%}.about-box input[type=password],.about-box input[type=text]{background-color:#333;border:1px solid #555;border-radius:8px;color:#f0f0f0;font-size:1rem;outline:none;padding:12px;transition:border-color .3s ease,transform .2s ease;width:100%}.about-box input[type=password]:focus,.about-box input[type=text]:focus{border-color:#fc0;transform:scale(1.01)}.about-box input[type=password]:hover,.about-box input[type=text]:hover{transform:scale(1.01)}.about-box button[type=submit]{background-color:#fc0;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;max-width:200px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;width:60%}.about-box button[type=submit]:hover{background-color:#e6b800;transform:scale(1.02)}.admin-container{background-color:#1a1a1a;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.admin-header h1{color:#fc0;font-size:24px;margin:0}.logout-button{background-color:#c00;border:none;border-radius:4px;color:#f0f0f0;cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .3s}.logout-button:hover{background-color:#900}.admin-content{display:flex;flex-direction:column;gap:30px}.song-form-container{background:#2a2a2a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;padding:20px}.form-title{color:#fc0;font-size:20px;margin-bottom:20px;text-align:center}.song-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:15px}.form-group input{background-color:#333;border:1px solid #555;border-radius:4px;color:#f0f0f0;font-size:14px;padding:10px;width:100%}.form-group input::placeholder{color:#aaa}.form-actions{display:flex;gap:10px;grid-column:span 2;justify-content:center;margin-top:10px}.submit-button{background-color:#fc0;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.submit-button:hover{background-color:#e6b800}.cancel-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.cancel-button:hover{background-color:#d32f2f}.song-management{background:#2a2a2a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;padding:20px}.management-title{color:#fc0;font-size:20px;margin-bottom:20px;text-align:center}.search-form{display:flex;margin-bottom:20px}.search-form input{background-color:#333;border:1px solid #555;border-radius:4px 0 0 4px;color:#f0f0f0;flex-grow:1;font-size:14px;padding:10px}.search-button{background-color:#fc0;border:none;border-radius:0 4px 4px 0;color:#1a1a1a;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .3s}.search-button:hover{background-color:#e6b800}.songs-table{border-collapse:collapse;width:100%}.songs-table th{background-color:#333;border-bottom:2px solid #555;color:#fc0;font-weight:700;padding:12px;text-align:left}.songs-table td{border-bottom:1px solid #444;color:#ccc;padding:12px;vertical-align:middle}.song-cover{border-radius:4px;height:50px;object-fit:cover;width:50px}.song-title{color:#f0f0f0;font-weight:700;margin-bottom:5px}.song-artist{color:#aaa;font-size:14px}.action-buttons{display:flex;flex-wrap:wrap;gap:5px}.action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .3s;white-space:nowrap}.trend-button{background-color:#ff9800;color:#1a1a1a}.trend-button.active,.trend-button:hover{background-color:#f57c00}.new-button{background-color:#9c27b0;color:#fff}.new-button.active,.new-button:hover{background-color:#7b1fa2}.edit-button{background-color:#2196f3;color:#fff}.edit-button:hover{background-color:#0b7dda}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background-color:#fc0;border:3px solid #1a1a1a;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#e6b800}@media (max-width:768px){.song-form{grid-template-columns:1fr}.form-actions{grid-column:span 1}.action-buttons{flex-direction:column}.songs-table{display:block;overflow-x:auto}}
/*# sourceMappingURL=main.7f063145.css.map*/