:root{--bg:#0f0f0f;--card-bg:#1a1a1a;--text:#fff;--accent:#1db954;--danger:#f44336;--blue:#2196f3}.admin-module-scss-module__PmnP5q__loginSection{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.admin-module-scss-module__PmnP5q__loginSection input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;padding:.5rem .8rem;font-size:.9rem}.admin-module-scss-module__PmnP5q__loginSection input:focus{border-color:var(--accent)}.admin-module-scss-module__PmnP5q__btnSecondary{background:#333}.admin-module-scss-module__PmnP5q__btnSecondary:hover{background:#444}.admin-module-scss-module__PmnP5q__btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.admin-module-scss-module__PmnP5q__btn:hover{background:#18a34a}.admin-module-scss-module__PmnP5q__container{flex-direction:column;gap:3rem;display:flex}.admin-module-scss-module__PmnP5q__container .admin-module-scss-module__PmnP5q__remixList{flex-wrap:wrap;gap:2rem;display:flex}.admin-module-scss-module__PmnP5q__tabList{gap:1rem;margin-bottom:1rem;display:flex}.admin-module-scss-module__PmnP5q__tabList button{color:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:20px;font-weight:700}.admin-module-scss-module__PmnP5q__tabList button.admin-module-scss-module__PmnP5q__active{background:var(--blue);color:#fff}
.modal-module-scss-module__B4styG__modal{z-index:100;background:var(--card-bg);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 12px #0006}.modal-module-scss-module__B4styG__modal h2{color:var(--accent);margin-top:0}.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent{border-radius:12px;flex-wrap:wrap;gap:2rem;display:flex}.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent .modal-module-scss-module__B4styG__inputGroup{flex-direction:column;display:flex}.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent label{color:#ccc;margin-top:1rem;font-size:.9rem;display:block}.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent input,.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent textarea{color:#fff;background:#222;border:none;border-radius:6px;width:100%;margin-top:.3rem;padding:.6rem}.modal-module-scss-module__B4styG__modal .modal-module-scss-module__B4styG__modalContent textarea{resize:vertical;min-width:100px;min-height:60px}.modal-module-scss-module__B4styG__modalActions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.modal-module-scss-module__B4styG__btnSecondary{background:#333}.modal-module-scss-module__B4styG__btnSecondary:hover{background:#444}
:root{--bg:#0f0f0f;--card-bg:#1a1a1a;--text:#fff;--accent:#1db954;--danger:#f44336}.style-module-scss-module__x2kxNG__body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}.style-module-scss-module__x2kxNG__header{text-align:center;padding:2rem 1rem}.style-module-scss-module__x2kxNG__h1{color:var(--accent);margin-bottom:.3rem;font-weight:600}p.style-module-scss-module__x2kxNG__subtitle{color:#aaa;text-align:center;margin-top:0}.style-module-scss-module__x2kxNG__mixContainer{flex-wrap:wrap;gap:2rem;display:flex}.style-module-scss-module__x2kxNG__btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.style-module-scss-module__x2kxNG__btn:hover{background:#18a34a}.style-module-scss-module__x2kxNG__deleteBtn{background:var(--danger)}.style-module-scss-module__x2kxNG__deleteBtn:hover{background:#f87171}.style-module-scss-module__x2kxNG__footer{text-align:center;color:#666;border-top:1px solid #222;padding:2rem 0;font-size:.8rem}.style-module-scss-module__x2kxNG__headerContent{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.style-module-scss-module__x2kxNG__btnList{gap:.5rem;display:flex}.style-module-scss-module__x2kxNG__addBtn{border:2px solid var(--accent);color:var(--accent);background:0 0;font-size:.95rem;font-weight:600}.style-module-scss-module__x2kxNG__addBtn:hover{background:var(--accent);color:#fff}.style-module-scss-module__x2kxNG__logoutBtn{border:2px solid var(--danger);color:var(--danger);background:0 0;font-size:.95rem;font-weight:600}.style-module-scss-module__x2kxNG__logoutBtn:hover{background:var(--danger);color:#fff}.style-module-scss-module__x2kxNG__loginSection{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.style-module-scss-module__x2kxNG__loginSection input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;padding:.5rem .8rem;font-size:.9rem}.style-module-scss-module__x2kxNG__loginSection input:focus{border-color:var(--accent)}.style-module-scss-module__x2kxNG__showLogin{text-align:center;margin-top:1rem}.style-module-scss-module__x2kxNG__modal{z-index:100;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.style-module-scss-module__x2kxNG__modalContent{background:var(--card-bg);border-radius:12px;width:90%;max-width:400px;padding:2rem;box-shadow:0 4px 12px #0006}.style-module-scss-module__x2kxNG__modalContent h2{color:var(--accent);margin-top:0}.style-module-scss-module__x2kxNG__modalContent label{color:#ccc;margin-top:1rem;font-size:.9rem;display:block}.style-module-scss-module__x2kxNG__modalContent input,.style-module-scss-module__x2kxNG__modalContent textarea{color:#fff;background:#222;border:none;border-radius:6px;width:100%;margin-top:.3rem;padding:.6rem}.style-module-scss-module__x2kxNG__modalContent textarea{resize:vertical;min-height:60px}.style-module-scss-module__x2kxNG__modalActions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.style-module-scss-module__x2kxNG__btnSecondary{background:#333}.style-module-scss-module__x2kxNG__btnSecondary:hover{background:#444}.style-module-scss-module__x2kxNG__hidden{display:none}.style-module-scss-module__x2kxNG__layout{min-height:100vh;display:flex}.style-module-scss-module__x2kxNG__sidebar{color:#fff;background:#111;border-right:1px solid #222;width:220px;padding:20px}.style-module-scss-module__x2kxNG__sidebar h2{margin-bottom:20px}.style-module-scss-module__x2kxNG__sidebar ul{padding:0;list-style:none}.style-module-scss-module__x2kxNG__sidebar li{cursor:pointer;opacity:.85;margin-bottom:12px}.style-module-scss-module__x2kxNG__sidebar li:hover{opacity:1}.style-module-scss-module__x2kxNG__mainContent{flex-direction:column;flex:1;padding:0 2rem;display:flex}
.remixitem-module-scss-module__ayx_rG__mixCard{background:var(--card-bg);border-radius:12px;width:30%;transition:transform .2s;overflow:hidden;box-shadow:0 4px 12px #0000004d}.remixitem-module-scss-module__ayx_rG__mixCard:hover{transform:translateY(-4px)}@media (max-width:1024px){.remixitem-module-scss-module__ayx_rG__mixCard{width:45%}}@media (max-width:768px){.remixitem-module-scss-module__ayx_rG__mixCard{width:100%}}.remixitem-module-scss-module__ayx_rG__mixThumb{object-fit:contain;width:100%;height:180px}.remixitem-module-scss-module__ayx_rG__mixContent{padding:1rem 1.5rem}.remixitem-module-scss-module__ayx_rG__mixTitle{margin:0 0 .2rem;font-size:1.2rem}.remixitem-module-scss-module__ayx_rG__mixDesc{color:#bbb;margin-bottom:1rem;font-size:.9rem}.remixitem-module-scss-module__ayx_rG__audio{width:100%;margin-bottom:.8rem}.remixitem-module-scss-module__ayx_rG__btnList{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.remixitem-module-scss-module__ayx_rG__modalBackdrop{z-index:9999;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.remixitem-module-scss-module__ayx_rG__modalContent{color:#fff;background-color:#1e1e1e;border-radius:10px;flex-direction:column;gap:10px;width:90%;max-width:500px;padding:20px;display:flex}.remixitem-module-scss-module__ayx_rG__modalContent input,.remixitem-module-scss-module__ayx_rG__modalContent textarea{color:#fff;background-color:#2b2b2b;border:none;border-radius:5px;width:100%;padding:8px;font-size:14px}.remixitem-module-scss-module__ayx_rG__modalContent label{font-size:13px;font-weight:700}.remixitem-module-scss-module__ayx_rG__modalContent button{cursor:pointer;border:none;border-radius:5px;padding:8px 12px}.remixitem-module-scss-module__ayx_rG__modalContent .remixitem-module-scss-module__ayx_rG__deleteBtn{color:#fff;background-color:#d33}.remixitem-module-scss-module__ayx_rG__modalContent .remixitem-module-scss-module__ayx_rG__editBtn{color:#fff;background-color:#2196f3}