*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:#fff;background-color:#121212;height:100vh;overflow:hidden}.app-container{background-color:#121212;width:100vw;height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{background-color:#181818;border-bottom:1px solid #333;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex}.header-right{gap:20px;display:flex}.btn-carrito{cursor:pointer;background-color:#f1c40f;border:none;border-radius:20px;padding:10px 15px;font-weight:700}.btn-login{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:20px;padding:10px 15px}.cart-panel{z-index:1000;background-color:#181818;border-left:1px solid #333;flex-direction:column;width:350px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-5px 0 15px #00000080}.cart-header{color:#fff;border-bottom:1px solid #333;justify-content:space-between;padding:20px;display:flex}.cart-body{color:#fff;flex:1;padding:20px}.cart-footer{border-top:1px solid #333;padding:20px}.btn-pagar{cursor:pointer;background-color:#f1c40f;border:none;border-radius:8px;width:100%;padding:15px;font-weight:700}.dashboard-stats{gap:20px;margin-bottom:30px;display:flex}.stat-card{color:#fff;background:#252525;border-left:4px solid #f1c40f;border-radius:8px;flex:1;padding:20px}.sidebar{background-color:#0a0a0a;border-right:1px solid #222;padding:20px}.menu-list{list-style:none}.menu-list li{color:#a0a0a0;cursor:pointer;margin-bottom:18px}.menu-list li:hover{color:#fff}.main-content{padding:25px 40px 150px;overflow-y:auto}.tracks-table{border-collapse:collapse;color:#fff;width:100%}.tracks-table th,.tracks-table td{text-align:left;border-bottom:1px solid #333;padding:12px}.tracks-table th{color:#888}.btn-play{color:#fff;cursor:pointer;background:#252525;border:1px solid #444;border-radius:4px;padding:6px 12px}.btn-play:hover{color:#000;background:#f1c40f}.modal-overlay{z-index:2000;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#181818;border-radius:12px;width:400px;padding:30px;position:relative}.close-modal-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:15px}.btn-nuevo{color:#000;cursor:pointer;background-color:#f1c40f;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .2s,background-color .2s}.btn-nuevo:hover{background-color:#d4ac0d;transform:scale(1.05)}.modal-content input,.modal-content label{width:100%;margin-bottom:15px;display:block}.modal-content input{color:#fff;background:#252525;border:1px solid #333;border-radius:4px;padding:10px}.modal-content h2{color:#fff;text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}