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{color:#ccc;padding:5px 0}.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;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;padding:15px;text-align:center}.song-card img:hover{transform:scale(1.05)}.song-card h2{color:#fc0;margin-bottom:5px;margin-top:10px}.song-card p{color:#ccc;margin-bottom:10px}.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}.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}.song-card img{aspect-ratio:1/1;border-radius:4px;box-shadow:0 4px 8px #0006;height:auto;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.trend-star,a,button,input[type=submit],select{cursor:pointer}::-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}
/*# sourceMappingURL=main.02c90488.css.map*/